"object.property" との違いは何だ "のdocument.getElementById（）のプロパティ。"

Question

私はこのHTMLを持っている：

<input id="foo">Hello world!</input> 

私は

document.getElementById('foo').value 

と

の間にどのような違いだろう

foo.value 

は、Javascript内にあります。

Answer 1

foo.valueは、要素にidが設定されているときに作成されるグローバル変数fooを利用します。どちらのバージョンも同じオブジェクトにアクセスし、同じデータで作業します。

ちょうどidで要素にアクセスすることは、JavaScriptの始まり以来、今日も残っていますが、ドキュメントオブジェクトモデルAPIはドキュメントとのやりとりをより堅牢かつ完全に行うために作成されました。

このことが言わば、document.getElementById()はより現代的なアプローチです。 Document Object Model API standardの一部です。一般的には、Webドキュメントの要素とやりとりするためのさまざまな方法が提供されています。

例を示します。

console.log(div.innerHTML); 
 
div.innerHTML = "New Content!"; 
 
console.log(document.getElementById("div").innerHTML);

<div id="div">This is an element</div>