javascript - 尝试使用 js 附加到元素？

Question

我正在尝试<object>在页面上的所有内容中添加一段 html。我知道我可以通过标签名称访问元素并且我可以更改元素，但我可以简单地追加到它吗？

另外，我想将它添加到每个标签的内容中，而不是文档的末尾。这些方法中的哪一种会起作用？

Answer 1

假设没有图书馆...

var elementToAppend = document.createElement(tagName); // Your tag name here

// Set attributes and properties on elementToAppend here with
// elementToAppend.attribute = value (eg elementToAppend.id = "some_id")
// You can then append child text and elements with DOM methods
// (createElement or createTextNode with appendChild)
// or with innerHTML (elementToAppend.innerHTML = "some html string")

var objects = document.getElementsByTagName('object');
for(var i = 0; i < objects.length; i++) {
    elementToAppend = elementToAppend.cloneNode(true);
    objects[i].appendChild(elementToAppend);
}

使用innerHTMLorouterHTML作为其他答案的建议可能会导致您嵌入的任何问题<object>。

Answer 2

appendChild是你要找的。