setAttribute()与getAttribute()

来源：互联网发布：免费手机qq群发软件编辑：程序博客网时间：2024/05/16 13:49

在《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(),要分别测试，我在此只是将他们写在了一起，并没有注释其中的一个。

输出结果分别为：

这里写图片描述

阅读全文

0 0