JavaScript内のオブジェクト内のノードを変更する

Question

作成されたNodeオブジェクトのclassNameプロパティにアクセスする方法について少し混乱しましたか？

var track = { 
    mod: { 
    el: document.body.appendChild(document.createElement('div')), 
    el.className: 'w3-container w3-teal w3-hover-green' 
    } 
}; 

これ、残念ながら、エラーが用意されています

Uncaught SyntaxError: Unexpected token . 

私は単にオブジェクト内のオブジェクトを作成し、内部オブジェクトのプロパティを変更しようとしています。私はまわりを検索し、classNameの割り当てられたプロパティだけでなく、DOM要素 'className'の実際のプロパティを変更する必要があるため、このレベルのアクセスに固有のものは何も見つかりませんでした。

Answer 1

ので、同様にあなたは、すぐに呼び出される関数の式を使用することができます。

var track = { 
    mod: { 
    el: (function() { 
     var el = document.body.appendChild(document.createElement('div')); 
     el.className = 'w3-container w3-teal w3-hover-green'; 
     return el; 
    }()) 
    } 
}; 

これはbodyが存在した後にのみ行うことができます、 もちろん。また、thisは、関数内のtrackまたはtrack.modを参照しません。

Answer 2

だけで、構文の問題のように思える...それはないだろう。

var track = { 
    mod: { 
    el: document.body.appendChild(document.createElement('div')), 
    el: { 
     className: 'w3-container w3-teal w3-hover-green' 
    } 
    } 
}; 

Answer 3

あなたが何をしようとしてそこにかなりきちんとしているが、悲しいことに、JavaScriptがからそれをサポートしていませんボックス。

これは、あなたはまだそれはしかし動作させることができます一つの方法です：

var track = { 
    mod: { 
    el: document.body.appendChild(document.createElement('div')) 
    } 
}; 

// Add the className property here 
track.mod.el.className = 'w3-container w3-teal w3-hover-green';