我有时需要向现有 HTML 页面添加元素(例如新链接和图像),但我只能访问页面中远离我需要插入元素的地方的一小部分。我想使用基于 DOM 的 JavaScript 技术,我必须避免使用 document.write()。
到目前为止,我一直在使用这样的东西:
// Create new image element
var newImg = document.createElement("img");
newImg.src = "images/button.jpg";
newImg.height = "50";
newImg.width = "150";
newImg.alt = "Click Me";
// Create new link element
var newLink = document.createElement("a");
newLink.href = "/dir/signup.html";
// Append new image into new link
newLink.appendChild(newImg);
// Append new link (with image) into its destination on the page
document.getElementById("newLinkDestination").appendChild(newLink);
我可以使用更有效的方法来完成同样的事情吗?这一切似乎都是必要的,但我想知道是否有更好的方法可以做到这一点。
最佳答案
有一种更有效的方法,并且似乎尽可能使用 documentFragments。 查看:http://ejohn.org/blog/dom-documentfragments/ .此外,与开始混合巨大的字符串文字并将它们设置为一些其他 DOM 对象的 innerHTML 相比,这种方式应该更不容易出错并且更易于维护。
关于javascript - 使用 JavaScript (appendChild) 向 DOM 添加新元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/2962137/