使用 JavaScript 插入 html 而不使用 id？ [复制]答案

【问题标题】：Insert html using JavaScript without using id? [duplicate]使用 JavaScript 插入 html 而不使用 id？ [复制]
【发布时间】：2019-04-04 18:37:59
【问题描述】：

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

【问题讨论】：

document.getElementsByClassName('class')。它将返回一个元素数组，因此您必须使用它。
@Phiter 是正确的。 getElementsByClassName 返回一个元素数组，您可以使用索引和目标任何元素。如果您认为您只有一个项目或想要定位第一个项目，请使用此 sn-p。 document.getElementsByClassName('demo')[0].innerHTML = "example";

标签： javascript html inserthtml

【解决方案1】：

document.getElementsByClassName("example");

【讨论】：

我试过了，但它不适用于innerHTML

【解决方案2】：

按班级试试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

【讨论】：

我已经尝试过了，但它似乎不起作用。
所以试试这个，document.querySelector('.yourclassdemo').innerHTML = '<span>test</span>'developer.mozilla.org/pt-BR/docs/Web/API/Document/querySelector
成功了，谢谢....

【解决方案3】：

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

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

【讨论】：