前端学习之原生JS实现attr方法的封装

HTML代码:

<img src="images/1.jpg" alt="">

JS代码:

/*
      功能:
        1)参数为2个,设置
        2)参数为1个
            设置批量属性
            获取属性
    */
    function attr(property,value){
      // console.log(property,value)
      //两个参数
      if(value!=undefined){
        obj[property]=value;
      }else if(typeof property==='object'){
        //批量设置属性   {src:'images/3.jpg',alt:'hello',title:'world'}
        //遍历属性对象
        for(var i in property){
          // console.log(i,property[i]);
          obj[i]=property[i];
        }
      }else{
        //取出属性值
        console.log(obj.getAttribute(property));
      }
      
    }


    // attr('src','images/2.jpg');
    // attr({
    //   src:'images/3.jpg',
    //   alt:'hi',
    //   title:'hello'
    // });
    attr('src');
上一篇:冬季实战营第一期体验报告


下一篇:冬季实战营第三期学习报告