如何在javascript中查找/检测页面中的任何文本区域

Question

(document.getElementById(Textarea).length> 0)不起作用。除了这个，还有其他人知道吗？

Will

以下是我上一个问题中没有得到回答的情况。我有富文本编辑器(Openwysiwyg)，当我进入放置textarea的特定页面时，它将被加载到textarea中。该函数使用textarea id标识textarea，将其替换为(RTE)。现在调用此函数的脚本位于页面的标头部分。我选择一个下拉选项发送电子邮件，所以我的文本框电子邮件显示。通过为RTE添加此脚本，我的电子邮件文本区域将被RTE所取代，并且我可以发送格式化的电子邮件。因此，这在Firefox中运行得非常好。使用IE7，RTE甚至在我选择电子邮件下拉选项之前就会出现，这使得整个页面混乱的up.When我选择了电子邮件的下拉选项，我只看到了普通的文本区域，RTE仍然坐在页面的顶部。

Answer 1

document.getElementsByTagName('textarea').length >0

Answer 2

您可以使用(注意复数形式！)

var e = document.getElementsByTagName("textarea");

您也可以使用jQuery：

$("textarea").each( function() { /* ... */ } );

编辑:我曾经遇到过类似的问题。我使用的是fckedit，当我尝试读取textedit (document.getElementById('blabla').value)的值时，我变得空了，甚至很难在屏幕上清晰地显示一些内容。

结果是fckedit API在文本区域的顶部打开一个新元素，并且只有当您从页面导航时，它的内部数据(如果我没有弄错的话，在iframe上)才同步到原始文本区域。

这个故事的寓意是:如果你在使用一些富文本API --使用它的API来查询你的“文本区域”的状态。希望这对你有帮助，因为我不知道你在使用哪个图书馆。

PS:我实际上用了$("blabla").val() .也是JavaScript..。出于某种原因，人们认为jQuery不是javascript。为什么会这样呢？

Answer 3

纯JavaScript (您可以使用此代码)

textarea是HTML元素标记

JavaScript :

if(document.getElementsByTagName('textarea').length > 0) {

}

HTML代码：

<div class="flavor">

  <div class="value">

    <textarea name="name" rows="8" cols="80"></textarea>

  </div>

</div>

<script type="text/javascript">

  var flavorbox = document.getElementsByClassName('flavor')[0]  
                          .getElementsByClassName('value')[0]
                          .getElementsByTagName('textarea').length;

  alert(flavorbox);

</script>