获取属性值的问题

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
    <input type="checkbox" name="haha" title="check box" description="just a checkbox" checked="true" id="check" disabled="me" />

    <script type="text/javascript" src="jquery-1.8.3.js"></script>
    <script type="text/javascript">
        
            var checkbox = document.getElementById('check');
            
            console.log(checkbox.description);
            console.log(checkbox.getAttribute('description'));
            console.log(checkbox.disabled);
            console.log(checkbox.getAttribute('disabled'));
        
    </script>
</body>
</html>

老师，为什么disabled的获得的属性是true，而description的属性值是undefined？

qq_诶姆_0 2017-09-14

源自：jQuery DOM操作 2-8 操作元素的属性

收起

1回答

樱桃小胖子 2017-09-14 18:06:33

console.log(checkbox.getAttribute('description'));这个是获取属性值，这个是可以获取的，已经输出了，console.log(checkbox.description);这个是输出属性，而description="just a checkbox"中description这个属性不是input本身自带的属性，因此输出undefined。祝学习愉快！

收起回答

提问者 qq_诶姆_0 #1

明白了，对于属性值而言，如果这个元素不是内建元素，就会输出undefined.对于表单元素的disabled,selected和checked的属性值是true和false,并不是对应的value值，存在就是true否则就是false。其他内奸元素就会是对应的value值。

2017-09-15 14:20:59