gpt4 book ai didi

javascript - document.object 对比文档.getElementById()

转载 作者:塔克拉玛干 更新时间:2023-11-02 20:47:39 27 4
gpt4 key购买 nike

下面这两种语法有什么区别-

document.object document.getElementById() .

我想知道什么时候使用哪种语法???

例如-

代码 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 中的语法工作方式相同。但这不适用于以下内容-

CODE2(用<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> -elements 但适用于 <form>'-element. But ** document.getElementById()`** 两者都适用。那我什么时候该用哪个呢???

请有人强调这两种语法之间的区别。

提前致谢...

最佳答案

document.forms 是一种非常古老的访问内容的方法,还有 document.imagesdocument.all,可能还有一些其他我不记得了。

访问 document.forms[1] 的第一个缺陷很简单:如果在目标表单之前向页面添加另一个表单怎么办?突然之间,您必须在所有代码中搜索对任何内容的引用,然后更改它们。

这就是 ID 的用武之地。通过只允许页面上的每个 ID 中的一个,getElementById 每次都可以准确地检索它,而无需关心同时文档发生了什么。唯一重要的变化是元素被完全删除。

关于javascript - document.object 对比文档.getElementById(),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19163481/

27 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com