遍历Element自定义属性

最新推荐文章于 2024-05-10 22:13:33 发布

yw1688

最新推荐文章于 2024-05-10 22:13:33 发布

阅读量1.5k

点赞数

分类专栏： Javascript

Javascript 专栏收录该内容

102 篇文章 0 订阅

订阅专栏

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
</head>
<script src="js/jquery-1.7.2.min.js" type="text/javascript"></script>
<body id="body">
    <div data-id="div1">
        hh</div>
    <span data-src="haha">aa</span>
    <h1 data-1="data1" data-2="data2" data-3="data3" id="mydata"></h1>
    <script type="text/javascript">
        function GetAttrs() {
            var arr = [];
            var el = document.getElementById("mydata"), atts = el.attributes, len = atts.length, att, i = 0;
            for (; i < len; i++) {
                att = atts[i];
                if (att.specified) {
                    arr.push(att.name + ":" + att.value);
                }
            }
            var str = arr.join("");
            alert(str);
        }
        GetAttrs();
        
       //jquery的方法
        $("*").each(function () {
            var arr = [];
            var attrs = $(this).get(0).attributes;
            for (i = 0; i < attrs.length; i++) {
                att = attrs[i];
                if (att.specified && att.name.toLowerCase().indexOf("data-") != -1) {

                    arr.push(att.name + ":" + att.value);
                    $(this).get(0).removeAttribute(att.name);
                }
            }
            var str = arr.join("");
            alert(str);
        })
        
    </script>
</body>
</html>

yw1688

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
遍历Element自定义属性

hh aa function GetAttrs() { var arr = []; var el = document.getElementById("mydata"), atts = el.attributes, len = atts.length, att, i = 0;
复制链接

扫一扫

专栏目录