JavaScript基础之获取及修改元素属性

最新推荐文章于 2024-01-01 20:05:33 发布

原创最新推荐文章于 2024-01-01 20:05:33 发布 · 468 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript

本文介绍如何使用JavaScript的getAttribute和setAttribute方法来获取和修改HTML元素的属性。通过示例代码展示了如何针对特定元素进行属性值的读取与更新。

JavaScript基础之获取及修改元素属性

在标签中我们可以自定义某元素的属性,此时可利用getAttribute(‘参数’)的方法来获取某元素的属性。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script>
        window.onload = function () {        
            var oP2 = document.getElementById('p2');
            alert(oP2.getAttribute('daa'));
            //，因为getAttribute()方法不属于DOM操作，所以需要通过节点元素来使用该方法。
            //另外，可通过setAttribute()方法来修改元素属性。      
            oP2.setAttribute('daa','888');
            alert(oP2.getAttribute('daa'));
        }
    </script>
</head>
<body>
<div id="div1">
    <p id="p2" daa="666"></p>
</div>
</body>
</html>
//遇到问题就记录，特别是基础。