使用 JavaScript 插入 html 而不使用 id?
Insert html using JavaScript without using id?
我想使用 JavaScript 插入 html 和这样的东西:document.getElementById("demo").innerHTML = "example";
但我不想使用 id 我怎么能通过 class 名称来做到这一点?我试过 document.getElementsByClassName("demo").innerHTML = "example";
但它也不起作用......或者有什么原因要插入 html 而不是 innerHTML 使用 classes ..
document.getElementsByClassName("example");
您可以通过查询选择器功能使用任何 css 选择器。
有关更多详细信息,请参见此处:
querySelector
如果您想对匹配您的 css 选择器的每个元素执行操作,请改用 querySelectorAll,returns 一个 nore 列表。
querySelectorAll
尝试 class 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
我想使用 JavaScript 插入 html 和这样的东西:document.getElementById("demo").innerHTML = "example";
但我不想使用 id 我怎么能通过 class 名称来做到这一点?我试过 document.getElementsByClassName("demo").innerHTML = "example";
但它也不起作用......或者有什么原因要插入 html 而不是 innerHTML 使用 classes ..
document.getElementsByClassName("example");
您可以通过查询选择器功能使用任何 css 选择器。 有关更多详细信息,请参见此处: querySelector
如果您想对匹配您的 css 选择器的每个元素执行操作,请改用 querySelectorAll,returns 一个 nore 列表。 querySelectorAll
尝试 class 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