简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
javascript - JS问题：请教一下 getAttribute()获取属性的问题。
ringa_lee
ringa_lee 2017-04-10 16:01:21
0
1
630

代码：

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>test</title>
<style>
#box{width:100px; height:100px; background:red;}    
</style>
</head>
<body>
    <p id="box" haha="哈哈"></p>    

<script type="text/javascript">
    window.onload=function(){
        var oBox=document.getElementById('box');

        oBox.index='测试';
        //第一组
        alert(oBox.haha); // undefined
        alert(oBox.getAttribute('haha')) // 哈哈
        //第二组
        alert(oBox.index); // 测试
        alert(oBox.getAttribute('index')) // null
        
    };
</script>    
</body>
</html>

第一组中：
oBox.haha：我在p中设置了haha属性，为什么是未定义？但用oBox.getAttribute('haha')，却能得到haha属性值“哈哈”。

第二组中：
oBox.index。获取到index属性的属性值，oBox.getAttribute('index')却返回null。

请问这两组结果应该怎么理解？谢谢！

ringa_lee
ringa_lee

ringa_lee

reply all(1)
黄舟
黄舟2017-04-10 16:03:21 1 floor

你给p设置的haha是attribute 而你直接用OBox.haha调用的是oBox对象上的haha，而oBox对象上是没有haha的所以返回的是undefined。oBox.index="测试"的结果是，如果oBox对象有index属性则用测试覆盖原来的值，如果没有则新增一个index属性并初始化为测试。

对象上的属性和html标签上的attibute不是一个东西

html 上的attribute 就用getAttribute访问，对象上的是直接.出来的。

Like +0
Add Reply
Popular Topics
More>
Popular Articles
Popular Tutorials
More>
Related Tutorials
Popular Recommendations
Latest courses
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
About us Disclaimer Sitemap
php.cn：Public welfare online PHP training，Help PHP learners grow quickly！