javascript - 设置子节点的属性

Question

我如何将属性添加到“testTwo”标签？Javascript菜鸟..

        var XML = document.createElement("test");
        var Node = document.createElement("testOne");
        Node.setAttribute("id", "0");
        Node.setAttribute("random", "0"); 
        Node.appendChild( document.createElement("testTwo"));

        XML.appendChild(Node);

        console.log(XML.innerHTML);

Answer 1

预先创建testTwo节点。示例代码是：

var XML = document.createElement("test");
var Node = document.createElement("testOne");
Node.setAttribute("id", "0");
Node.setAttribute("random", "0"); 
var testtwo = document.createElement("testTwo");
testtwo.setAttribute("attr", "attrval");
Node.appendChild(testtwo);

XML.appendChild(Node);

console.log(XML.innerHTML);

Answer 2

您对第一个节点有正确的技术。对第二个节点使用相同的东西。在将其附加到某处之前创建您的第二个节点（testTwo）。创建具有您想要与其关联的所有属性的节点。然后，一旦按照您想要的方式完成所有操作，然后append将其发送到您想要的父节点。

这将是代码的样子。

var XML = document.createElement("test");
var Node = document.createElement("testOne");
Node.setAttribute("id", "0");
Node.setAttribute("random", "0"); 

//Create the 2nd node first
var node2 = document.createElement("testTwo");
//add the attributes you want for this node
node2.setAttribute("key", "value");
node2.setAttribute("key2", "value2");
//once you're done append it.
Node.appendChild( node2 );

XML.appendChild(Node);

console.log(XML.innerHTML);