javascript - 使用 getElementsByClassName 在特定元素中设置文本

Question

我有一个名为 p1 的类，我将其分配给几个段落。

现在我想获取第一个并更改其文本。

我尝试过这样的事情:

var p = document.getElementsByClassName("p1");
p[0].text("hello");   

或

p[0].innerHtml = "hello";

Answer 1

不是p[0].innerHtml = "hello";改为p[0].innerHTML = "hello";

var p = document.getElementsByClassName("p1");
p[0].innerHTML = "hello";

<div class="p1"></div>

引用号:<强>Element.innerHTML

由于您在问题中被标记为 jQuery，您可以使用 html() 或 text()

$('.p1').html('hello');

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<div class="p1"></div>