为什么存在 document.getElementById() 函数？

发布于 2024-10-18 05:00:15 字数 614 浏览 4 评论 0原文

创建网页时，我总是使用函数

var someVariable = document.getElementById('myID');

来获取对元素对象的引用。最近有人建议我这是没有必要的，因为已经有这样一个变量了。它的名称等于 id。我已经测试过了，它似乎有效。

<div id="myID">some text</div>
<a href="someplace" onclick="alert(myID.innerHTML)">click here</a>

此代码有效，并且它会按预期提醒“某些文本”。 Firefox 错误控制台中只有一条警告：

全局范围内 ID/NAME 引用的元素。使用 WC3 标准 document.getElementById() 代替......

我现在主要使用 jQuery，但我需要向工作中的老板证明这一点，否则我将不得不给他买一盒巧克力:-)。

任何想法为什么上面的代码不应该工作或者为什么使用它是一个非常错误的想法（Firefox 中的警告是不够的）？？？

感谢您的回答

原文

when creating web pages I have always used function

var someVariable = document.getElementById('myID');

to get a reference to an element object. It was recently suggested to me that this is not necessary, because there already is such a variable. It's name is equal to the id. I've tested it and it seems to work.

<div id="myID">some text</div>
<a href="someplace" onclick="alert(myID.innerHTML)">click here</a>

This code works and it alerts "some text" as expected. There is just a warning in firefox error console:

element referenced by ID/NAME in global scope. Use WC3 standard document.getElementById() instead....

I am mostly using jQuery by now but I need to prove a point to my boss at work or else I will have have to buy him a box of chocolate :-).

Any ideas why the upper code shouldnt work or why is it a very wrong idea to use it(warning in firefox is not enough)???

Thanks for your answers

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

等待圉鍢 2024-10-25 05:00:15

任何想法为什么上面的代码不应该工作或者为什么使用它是一个非常错误的想法（在火狐中警告是不够的）？？？

因为它是非标准的（但不是很长一段时间）。尽管某些浏览器确实将带有 ID 的元素分配给全局变量，但它们没有义务这样做（并非所有浏览器都这样做）。例如，旧版本的 Firefox 不会表现出这种行为。还存在命名冲突的风险。

使用 document.getElementById() 确保所有浏览器在获取元素句柄时的行为完全相同（嗯，或多或少咳）。

请参阅 bobince 对以下问题的出色回答类似的问题以获取更多信息。

回复收藏 0 原文

作死小能手 2024-10-25 05:00:15

由 ID/NAME 引用的元素
全球范围。使用WC3标准
而不是 document.getElementById()...

您当前的调用可能会导致变量冲突。

想象一下：

<script>
    var myID = 'foo'; 
</script>
<div id="myID">some text</div>
<a href="someplace" onclick="alert(myID.innerHTML)">click here</a>

myID 现在不是您的 HTML 元素，而是一个包含 '富'。示例。

您应该始终使用 document.getElementById()，因为它是为特定功能构建的检索 HTML 元素而不是 JavaScript 变量。

element referenced by ID/NAME in
global scope. Use WC3 standard
document.getElementById() instead....

Your current call would result in possible variable collision.

Picture this:

<script>
    var myID = 'foo'; 
</script>
<div id="myID">some text</div>
<a href="someplace" onclick="alert(myID.innerHTML)">click here</a>

myID is now not your HTML element, but a variable containing 'foo'. Example.

You should always use document.getElementById() because it is built for the specific function to retrieve HTML elements and not JavaScript variables.

回复收藏 0 原文