gpt4 book ai didi

javascript - DOM 元素的对象表示法

转载 作者:行者123 更新时间:2023-11-29 15:49:52 25 4
gpt4 key购买 nike

在下面的示例中,DOM 元素有一个类似数组的对象,但有一点我不清楚。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>

<script type="text/javascript">
window.onload = function(){

for(var prop in document.links){
alert(prop); // It does not alert foo!
}

}
</script>
</head>
<body>

<a name="foo" href="#">foo</a>

</body>
</html>

理论上访问 prop 的对象表示法是这样的:obj.prop。在类对象数组中,对象的元素必须有数字表示法:obj[0]obj.length


警报给出:0lengthitemnamedItem。前两个来自对象数组理论,另外两个可用于访问 props。


最后,这个链接可以像 document.links[0]document.links.foo 一样找到。 document.links 中没有 foo Prop 。为什么?谢谢。

最佳答案

document.links.foo 不可用的原因是因为您使用的是 name 而不是 id。如果您将标记更改为:

<a id="foo" href="#">foo</a>

然后 this will work :

window.onload = function(){
window.alert(document.links.foo.innerHTML);
}

关于javascript - DOM 元素的对象表示法,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6902509/

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