Javascript 在元素中插入新元素?

Javascript 在元素中插入新元素?,javascript,function,Javascript,Function,我一直在想,当这个函数被触发时,如何放置一个图像和多个文本。比如,如何在即将创建的“文章”中添加图像和其他文本。帮忙 var newElement = document.createElement("article"); var node = document.createTextNode(thingContent); var attr = document.createAttribute("class");

我一直在想,当这个函数被触发时,如何放置一个图像和多个文本。比如,如何在即将创建的“文章”中添加图像和其他文本。帮忙

            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]);
            }
只需创建具有“src”属性的“img”元素和其他文本节点,并调用
newElement.appendChild

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