javascript - 使用 JavaScript 插入 html 而不使用 id？

Question

我想使用 JavaScript 插入 html 类似这样的东西：document.getElementById("demo").innerHTML = "example";但我不想使用 id 我如何通过类名来做到这一点？我已经尝试过document.getElementsByClassName("demo").innerHTML = "example";，但它也没有工作......或者有什么原因要使用类插入除 innerHTML 之外的 html ..

Answer 1

您可以使用查询选择器功能使用任何 css 选择器。有关更多详细信息，请参见此处： querySelector

如果您想对与您的 css 选择器匹配的每个元素执行操作，请改用 querySelectorAll，它会返回一个 nore 列表。 查询选择器全部

Answer 2

document.getElementsByClassName("example");

Answer 3

按班级试试document.getElementsByClassName("demo").innerHTML = "TEXT/HTML"

或者

按标签document.getElementsByTagName("p").innerHTML = "TEXT/HTML"

您可以在文档中查看此方法：

https://developer.mozilla.org/en-US/docs/Web/API/Document/getElementsByClassName https://developer.mozilla.org/en-US/docs/Web/API/Document/getElementsByTagName