getAttribute、setAttribute 、 removeAttribute

最新推荐文章于 2025-05-24 23:52:24 发布

sunlizhen

最新推荐文章于 2025-05-24 23:52:24 发布

阅读量336

点赞数 1

CC 4.0 BY-SA版权

分类专栏： JS类文章标签： getAttribute setAttribute removeAttribute

本文链接：https://blog.youkuaiyun.com/sunlizhen/article/details/73441378

JS类专栏收录该内容

202 篇文章

订阅专栏

本文介绍如何使用JavaScript操作HTML元素的属性，包括获取、设置及删除属性的方法。通过具体实例展示了getAttribute()、setAttribute()和removeAttribute()函数的应用。

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

html元素：
<div id="box">
    <ul id="ul">
        <li>第一个</li>
        <li id="one" data-name="myattr">第二个</li>
        <li>第三个</li>
    </ul>
</div>

//getAttribute:获取行内属性的值；

//setAttribute：设置行内属性的值；

// removeAttribute：删除行内属性的值；var one = document.getElementById("one");console.log(one.getAttribute("data-name")); //myattrone.setAttribute("class","two"); //<li id="one" data-name="myattr" class="two">第二个</li>one.removeAttribute("id")  //<li data-name="myattr" class="two">第二个</li>