嘗試使用JS附加到元素？

Question

我試圖將HTML的摘要添加到頁面上的所有<object> 。 我知道我可以通過標簽名稱訪問元素，並且可以更改元素，但是我可以簡單地附加到元素上嗎？

另外，我想將其添加到每個標簽的內容中，而不是文檔的末尾。 以下哪種方法有效？

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);
}

如其他答案所建議的那樣使用innerHTML或outerHTML可能會導致您嵌入<object>任何內容出現問題。

Answer 2

appendChild是您要尋找的。