javascript的setAttribute()的应用

最新推荐文章于 2025-11-29 13:42:57 发布

原创最新推荐文章于 2025-11-29 13:42:57 发布 · 611 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#input #javascript #JavaScript #Javascript #javaScript #Option #option

Javascript 专栏收录该内容

8 篇文章

订阅专栏

本文介绍了如何在JavaScript中使用setAttribute方法为HTML元素添加或修改属性，并通过实例演示了如何获取和设置元素的属性。

<html>

<head>
<title>setAttribute使用</title>
</head>
<body>
您喜欢的城市：<br>
<ul>
<li id="bj" value="beijing">北京</li>
<li id="sh" value="shanghai">上海</li>
<li id="cq" value="chongqing">重庆</li>
</ul>
您喜欢的游戏：<br>
<ul>
<li id="fk" value="fankong">反恐</li>
<li id="ms" value="moshou">魔兽</li>
<li id="cq1" value="chuanqi">传奇</li>
</ul>
</body>
<script language="javascript">
//给这个节点增加name属性<li id="cq" value="chuanqi">传奇</li>
//获取节点
var cq1 = document.getElementById("cq1");
//获取属性的值
alert(cq1.getAttribute("name"));
//设置属性
cq1.setAttribute("name","chuanqi");
//获取属性的值
alert(cq1.getAttribute("name"));
</script>
</html>