Javascript 使用getElementByClassName设置特定元素中的文本

我给了几个段落一个名为

p1

的类

现在我想得到第一个并更改其文本

我试过这样的方法：

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

或

---

不

p[0].innerHtml=“hello”将其更改为
p[0].innerHTML=“hello”


var p=document.getElementsByClassName（“p1”）；
p[0].innerHTML=“你好”
在我看来，你有三种选择来做你想做的事：


您只需使用jQuery的
eq
函数（）：

$（“.p1”）.eq（0）.text（“你好”）

或者，您可以像在示例中一样使用DOM API（但是如果您已经在使用jQuery，我建议您保持一致性并坚持使用它），然后：

var p=document.getElementsByClassName（“p1”）；
$（p[0]）。文本（“你好”）

或者只使用普通DOM API，但使用innerText（顺便说一句，如果在元素中插入任何文本，请记住始终使用innerText，以避免代码注入等问题（您可以阅读更多内容）：

var p=document.getElementsByClassName（“p1”）；
p[0]。innerText=“你好”


查看
文本中的所有示例，只有当
p[0]
是
选项或
脚本
元素时，文本才会起作用（是否还有其他的
文本
属性？）。
p[0].innerHtml = "hello";