一个关于dom操作属性的面试题

原创于 2017-09-02 15:10:01 发布 · 1.3k 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#面试题

闲时整理专栏收录该内容

4 篇文章

订阅专栏

本文探讨了使用JavaScript操作DOM元素时如何正确获取自定义属性值。通过实例演示了getElementById等方法的应用，并对比了直接访问属性与使用getAttribute方法的区别。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>

    <div id="cc" someAttr='itany'>cc</div>

    <table>

         <tr>

            <td id="td" colspan="2">ccc</td>

         </tr>

    </table>

    <script>

        var cc = document.getElementById('cc');     

        console.log( cc.someAttr );     // undefined                    

        console.log( cc.getAttribute('someAttr') );     // itany    

        console.log( document.getElementById('cc').colspan );   // undefined    


        // 解析：
        //      1. dom对象不能直接取自定义的属性值
        //      2. getAttribute() 方法返回指定属性名的属性值。
        //      3. dom操作不能获取html的属性值

    </script>

</body>
</html>