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

あなたは最初のノードに適切なテクニックを持っています。2番目のノードにも同じことを使用します。どこかに追加する前に、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);

Answer 2

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