setAttribute（）へのJSON

Question

私はほぼ次のような作業をしていますが、多くの混乱したアプローチを行っています。望みは、キーを使用しています：setAttribute（）メソッドのプロパティのattr {}の値です。フレームワークはありません。

スリムなソリューションを貸してください：あなたはそこにJSONを持っていない

testDiv = document.getElementById("testDiv"); 


attr = { 

    align:"center", 
    title:"The Test Div" 

}; 

//Possible converting JSON to String, the use in setAttribute? 

for(var x in attr) alert(x + " , " + attr[ x ]); 

testDiv.setAttribute(x , attr[ x ]); 

Answer 1

、あなたはオブジェクトリテラルを持っています。とにかく、あなたが正しく理解したら、特定の要素のために指定されたすべての属性を設定したいのですか？あなたは再利用可能な何かしたい場合は関数内のループは簡単に十分にそれを行う必要があります。

function setMultipleAttributes(el, attributes) { 
    for (var attr in attributes) 
    el.setAttribute(attr, attributes[attr]); 
} 

var testDiv = document.getElementById("testDiv"); 

setMultipleAttributes(testDiv, { align : "center", title : "The Test Div" }); 

Answer 2

をあなたの問題は、「JSON」とは何の関係もありません（実際にはJavaScriptのオブジェクトリテラル）または属性を設定します。それは、このです：

for(var x in attr) alert(x + " , " + attr[ x ]); 

testDiv.setAttribute(x , attr[ x ]); 

あなたはforループと中括弧を使用していないので、すぐにそれが実行され、次のステートメントのみ。私は中括弧を追加した場合、上記のコードは次のようになります。

for(var x in attr){ 
    alert(x + " , " + attr[x]); 
} 
testDiv.setAttribute(x , attr[x]); 

setAttributeは、ループ内で呼び出されていない - それだけで終わりに一度と呼ばれています。代わりに、おそらく...

for(var x in attr){ 
    alert(x + " , " + attr[x]); 
    testDiv.setAttribute(x , attr[x]); 
}