下面这两种语法有什么区别 -
document.object
and document.getElementById()
.
我想知道何时使用哪种语法???
e.g.-
代码1(实现与<form>
)
<body onload="document.forms[1].innerHTML='hi';">//Alt: onload="document.getElementById('f1').innerHTML='hi';"
<form id=f1>
<input />
</form>
<form id=f2>
<input />
</form>
</body>
两者的语法都在onload
以同样的方式工作。但这不适用于以下情况 -
代码2(实现与<div>
)
<body onload="document.getElementById('div1').innerHTML='hi';">//cannot use the syntax: onload="document.divs[1].innerHTML='hi';"
<div id=div1>hello</div>
<div id=div2>hello</div>
</body>
所以语法肯定是:document.object
不适用于<div>
-元素但适用于<form>'-element. But **
document.getElementById()`** 适用于两者。那么我什么时候应该使用哪一个呢?
有人请强调两种语法之间的差异。
提前谢谢...
document.forms
是一种非常古老的访问内容的方法,还有document.images
and document.all
,可能还有其他一些我不记得了。
访问中的第一个缺陷document.forms[1]
很简单:如果在目标表单之前将另一个表单添加到页面中会怎样?突然间,您必须搜索所有代码以查找对任何内容的引用,并更改它们。
这就是 ID 发挥作用的地方。通过在页面上仅允许每个 ID 之一,getElementById
每次都可以准确地检索它,而无需关心文档同时发生了什么。唯一重要的变化是元素被完全删除。
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)