2016-04-30 4 views
0

次のJavascriptコードに関する質問があります。非常に基本的です。html要素にはプロパティが組み込まれていますか?

var elNote = document.getElementById('note'); 
    elNote.TextContent = 'Hello'; 

私はJavascriptを初めて使用しており、ここで何が起こっているのか知りたいと思います。私の本は後で説明する可能性が高いですが、私は今学びたいと思います。

私は、elNoteにnoteというhtml要素が割り当てられていることを理解しています。 私の質問は、エレメントノートからProperty TextConentを選択したので、htmlエレメントにプロパティが組み込まれているかどうかです。ノートのような要素がNODESであることは私の理解でもあります。 Javascriptは、プロパティを変更してもよいように、プロパティを作成して要素に挿入しますか?私は知らない、私は実際に何が起こっているのか考えようとしている。ありがとう。

+0

のTextContentは何ですか? –

+0

HTML要素* do *にはプロパティがあります。一部のプロパティは特定の要素タイプにのみ適用されます。たとえば、フォームフィールドには '.value'プロパティがあります。 – nnnnnn

答えて

0

Javascriptは緩やかに型付けされた言語であり、DOMが定義され、そのプロパティがブラウザとブラウザのバージョンが異なる場合、ノードにプロパティと関連するメソッドを割り当てます。 TextContentに関する限り説明されていますhere これらのプロパティは のようなノードのタイプに固有です。selfというのはノードですが、トップレベルのノードで、innerTextなどのプロパティは含まれていません。 ドキュメントオブジェクトモデルの深い理解が要約このwiki

を参照してください。

W3C DOMとWHATWG DOM標準

は、最新のブラウザで実装DOMの基礎を形成します。多くのブラウザでは標準を超える拡張機能が提供されているため、異なるDOMを持つさまざまなブラウザでドキュメントにアクセスできるWeb上で使用する場合は注意が必要です。 this sourceからコピーされました。DOMは、ブラウザによって、javacript の可読/アクセス可能なオブジェクトの形式で定義され、そのプロパティはブラウザごとに異なります。

+0

これらのプロパティとメソッドは、DOM自体から来るのではなく、Javascriptによってノードに割り当てられます。言い換えれば、getelementbyIdのようなメソッドは、DOMメソッドではないjavascriptメソッドですか?ありがとう –

+0

このリンクをお持ちください(https://www.w3.org/TR/2000/REC-DOM-Level-2-Core-20001113/introduction .html)too – Technacron

+0

私は数ページで読んだ。したがって、私が正しいとすれば、DOMはAPIの一種です。これは、HTML要素にアクセスするために使用されるプロパティとメソッドを定義します。つまり、getbyidメソッドはDOMのメソッドであり、javascriptではありません。しかし、javascriptは何かを格納して取得するためにそれを使用することができます。これは正しいです? –

0

あなたが例えば使用することができますはい:

elNote.textContent = 'Hello world'; // For raw text content 
elNote.innerHTML = '<h1>Hello</h1> world'; // For raw text content 
elNote.value = 123; // Tipically for <input> and <button> tags value 
関連する問題