Question

我想从html代码下面获取文本（Againnnn ??）。

<pre class="mentions-highlighter" role="presentation">Againnnn ??</pre>
<textarea class="mentions-input trans" placeholder="Add a comment..." style="height: 47px;" dir="ltr"></textarea>

我试过了，但它没有正常工作。

var comment = document.getElementsByClassName('.mentions-input trans').value;

Answer 1

您可以将document.getElementsByClassName与[0]一起使用来访问该标记，然后使用innerHTML来获取文本值，如下所示：

function myFunction() {
    var comment= document.getElementsByClassName("mentions-highlighter")[0].innerHTML;
    alert(comment);
}

此功能将发出警告

"Againnnn ??"

Answer 2

您可以使用简单的text（）方法将文本从一个类获取到另一个类。尝试这个脚本

<script>
  $(document).ready(function(){
      $('.mentions-input').text($('.mentions-highlighter').text());
  });
</script>

<pre class="mentions-highlighter" role="presentation">Againnnn ??</pre>
<textarea class="mentions-input trans" placeholder="Add a comment..." style="height: 47px;" dir="ltr"></textarea>

Answer 3

getElementsByClassName会返回列表元素，而不是单个元素。只是做

var comment = document.getElementsByClassName('mentions-input trans')[0].value

（注意[0]。）

Answer 4

var comment = document.getElementsByClassName('.mentions-input trans').value;

中有两个错误

正如@torazaburo所说getElementsByClassName方法返回元素列表，你可以按索引获取任何元素
getElementsByClassName方法获取classname参数，而不是选择器

工作示例：

var comment = document.getElementsByClassName('mentions-input trans')[0].value;
alert(comment);

<pre class="mentions-highlighter" role="presentation">Againnnn ??</pre>
<textarea class="mentions-input trans" placeholder="Add a comment..." style="height: 47px;" dir="ltr">test value</textarea>

如何使用Javascript获取textarea的价值？

4 个答案: