js 向dom对象中存储变量

最新推荐文章于 2021-07-12 16:21:53 发布

金大光

最新推荐文章于 2021-07-12 16:21:53 发布

阅读量2.7k

点赞数

分类专栏： JavaScript[0] 文章标签： dom javascript 对象存储

本文链接：https://blog.csdn.net/qq_17757973/article/details/53427331

版权

JavaScript[0] 专栏收录该内容

34 篇文章 0 订阅

订阅专栏

这是一个赋值、取值的方法，一开始看到的时候怎么也找不到把值存在哪里了，后来把dom对象打印出来才了解其中的原理，我利用这个原理写了这个方法，希望您能提出宝贵的意见和建议

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script type="text/javascript">
window.onload=function(){
    var box=document.querySelectorAll(".box");
    var two=document.querySelector(".two");
    setValue(box,"userid","111");
    alert(setValue(two,"userid"));
};
function setValue(obj,attr,value){
    if(typeof obj.length !="number"){  //判断对象是否为一数组
        obj=[obj];
    };
    for(var i=0;i<obj.length;i++){  //循环添加到每个dom对象上
        if(arguments.length==2){
            return obj[i][attr];
        }else if(arguments.length==3){
            obj[i][attr]=value;
        };
    };
};
</script>
</head>
<body>
    <div class="box one"></div>
    <div class="box two"></div>
    <div class="box three"></div>
</body>
</html>