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

innerHTMLまたは他の回答が示唆しouterHTMLているように、を埋め込んだものすべてに問題が発生する可能性があります<object>。

Answer 2

appendChildはあなたが探しているものです。