Javascript 什么';这两者之间的区别是什么;“对象.财产”;及;document.getElementById()属性;

Javascript 什么';这两者之间的区别是什么;“对象.财产”;及;document.getElementById()属性;,javascript,dom,Javascript,Dom,我有这个HTML: <input id="foo">Hello world!</input> 及 是在Javascript中的。value利用全局变量foo,该变量是在元素具有为其建立的id时创建的。两个版本访问相同的对象并使用相同的数据 仅使用id访问元素自JavaScript诞生以来就一直存在,直到今天仍然存在,但随着时间的推移,文档对象模型API被创建为具有更健壮和完整的与文档交互的方式 说到这里,document.getElementById()是更现代的方法。

我有这个HTML:

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


是在Javascript中的。value利用全局变量
foo
,该变量是在元素具有为其建立的
id
时创建的。两个版本访问相同的对象并使用相同的数据

仅使用
id
访问元素自JavaScript诞生以来就一直存在,直到今天仍然存在,但随着时间的推移,文档对象模型API被创建为具有更健壮和完整的与文档交互的方式

说到这里,
document.getElementById()
是更现代的方法。它是的一部分,通常推荐使用,因为它更清晰,并提供了许多与web文档中的元素交互的方法

这里有一个例子

console.log(div.innerHTML);
div.innerHTML=“新内容!”;
log(document.getElementById(“div”).innerHTML)

这是一个元素
“当一个元素为其建立了一个id时创建的全局变量foo”这可靠吗?
document.getElementById()
的意义是什么?@gforce301它是可靠的<代码>文档。getElementById()是允许访问web文档并与之交互的许多方法和属性之一。因此,建议不要只使用
id
,而使用domapi(在我上面的回答中解释)。
document.getElementById('foo').value
foo.value