javascript的setAttribute()的应用

来源:互联网 发布:windows kvm虚拟机 编辑:程序博客网 时间:2024/06/08 04:33


<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>