在元素中插入新元素?

时间:2014-02-18 10:20:04

标签: javascript function

当这个函数被触发时,我一直在试图弄清楚如何放置一个图像和几个文本。比如,如何在将要创建的“文章”中添加图像和其他文本。帮助

            var newElement = document.createElement("article");

            var node = document.createTextNode(thingContent);

            var attr = document.createAttribute("class");
            attr.value = "thing";
            newElement.appendChild(node);
            newElement.setAttributeNode(attr);
            var x = document.getElementById("things");

            var y = x.getElementsByTagName("article");
            if(y == null){
                x.appendChild(newElement);
            }else{
                x.insertBefore(newElement, y[0]);
            }

1 个答案:

答案 0 :(得分:0)

只需使用“src”属性和其他文本节点创建“img”元素,然后调用newElement.appendChild

顺便说一句,您几乎可以使用.setAttribute('name','value')为任何元素设置属性,而不是通过createAttribute / value / setAttributeNode舞蹈。而且,对于'class',您可以直接设置.className属性。