要素のid属性の名前を持つオブジェクトを作成する

Question

divのid属性がclass="characteristic"の名前のオブジェクトをいくつか作成しようとしています。どのように私は名前のIDを取得するのですか？

window.onload = function() { 
    var characteristicElements = document.getElementsByClassName("characteristic"); 
    for (var i = 0 ; i < characteristicElements.length ; i++) { 
     var characteristicElements[i].getAttribute("id") = { set: false, val: 0, unn: 0 }; 
    } 
}; 

Answer 1

あなたはオブジェクトを使用して、その後、マップを作成し、プロパティ名としてIDを使用する必要があります。

var objects = {}; 

var characteristicElements = document.getElementsByClassName("characteristic"); 
for (var i = 0 ; i < characteristicElements.length ; i++) { 
    objects[characteristicElements[i].id] = {'set': false, val: 0, unn: 0 }; 
} 

あなたはそれがオブジェクトリテラルのキーワードであるため、引用符でsetを配置する必要があります私の知る限り。私は間違っている可能性があります。 IE8以前ではgetElementsByClassNameは利用できません。

私はMDN JavaScript Guide - Working with Objectsを読むことをお勧めします。

Answer 2

characteristicElements[i].getAttribute("id")は文字列です。あなたがしていることはvar "foo" = "bar";のようなものですが、意味がありません。あなたがしたいことは実行可能ですが、evalだけで、evalは悪です。あなたが別のオブジェクト内のオブジェクトを置く場合、それははるかに簡単になります：

window.onload = function() { 
    var characteristicElements = document.getElementsByClassName("characteristic"); 
    var objects = {}; // New empty object 
    for (var i = 0 ; i < characteristicElements.length ; i++) { 
     objects[characteristicElements[i].getAttribute("id")] = { set: false, val: 0, unn: 0 }; 
    } 
}; 

オブジェクト[「foo」が] objects.foo、ちょうど別の表記と同じです。