本文主要是介绍setAttribute()与getAttribute()，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！
在《JavaScript Dom 编程艺术》中定义了两个函数，getAttribute()与setAttribute(),下面我还是通过前面讲的getElementById等中的一个实例来加以说明，在此我并没有将它的理论定义，具体看实例：
<!DOCTYPE html>
<html>
<head><title>shopping list</title><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><link href="css/css.css" rel="stylesheet" type="text/css">
</head><h1>what to buy</h1><P title="a gentle reminder">Don't forget to buy this stuff.</P><ul id="purchases"><li name="t" class="sale">A tin of beans</li><li name="t" class="sale">Cheese</li><li name="t" class="sale important">milk</li></ul><div id="div1">hangzhou</div><input type="button" value="按钮" onclick="test()"/><script>function test(){var paras=document.getElementsByTagName("P");for(var i=0;i<paras.length;i++){var x=paras[i].getAttribute("title");if(x!=null){alert(x);}}}function test(){var paras=document.getElementsByTagName("p");for(var i=0;i<paras.length;i++){var x=paras[i].getAttribute("title");if(x){paras[i].setAttribute("title","HelloWorld");var y=paras[i].getAttribute("title");alert(y);}}}</script>
</body>
</html>注意这两个测试函数test(),要分别测试，我在此只是将他们写在了一起，并没有注释其中的一个。
输出结果分别为：
这篇关于setAttribute()与getAttribute()的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！
