setAttribute()与getAttribute()

最新推荐文章于 2022-04-29 12:05:18 发布

PHP__廊外诗鸽

最新推荐文章于 2022-04-29 12:05:18 发布

阅读量681

点赞数

分类专栏： javascript

本文链接：https://blog.csdn.net/tashanhongye/article/details/72801280

版权

javascript 专栏收录该内容

29 篇文章 3 订阅

订阅专栏

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

输出结果分别为：

这里写图片描述

PHP__廊外诗鸽

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
setAttribute()与getAttribute()

在《JavaScript Dom 编程艺术》中定义了两个函数，getAttribute()与setAttribute(),下面我还是通过前面讲的getElementById等中的一个实例来加以说明，在此我并没有将它的理论定义，具体看实例：<!DOCTYPE html><html><head> <title>shopping list</title> <meta http-equi
复制链接

扫一扫

专栏目录