试图使用js附加到元素？ [英] Trying to append to an element using js?

问题描述

我正试图在页面上添加所有< object> 的HTML代码片段。我知道我可以通过标签名访问元素，我可以更改元素，但是我可以简单地追加它吗？

此外，我想将其添加到每个标签的内容，而不是文档的结尾。这些方法中哪一种会奏效？

解决方案

假设没有图书馆...

 code> var elementToAppend = document.createElement（tagName）; //您的标签名称
 
 //在
 / elementToAppend.attribute = value（例如elementToAppend.id =some_id）中设置elementToAppend上的属性和属性
 / /然后可以使用DOM方法附加子文本和元素
 //（createElement或createTextNode with appendChild）
 //或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> 的任何问题。 p>

I am trying to add to all <object>'s on a page a snippet of html. I understand I can access elements by tag name and that I can change the element, but can I simple append to it instead?

In addition, I want to add it to the contents of each tag, not the end of the document. Which of these methods will work?

解决方案

Assuming no library...

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

Using innerHTML or outerHTML as other answers have suggested will likely cause problems for whatever you've embedded with <object>.

这篇关于试图使用js附加到元素？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！