美文网首页
jquery 添加删除标签属性

jquery 添加删除标签属性

作者: 简约美 | 来源:发表于2016-08-05 17:04 被阅读81次

    html中代码:

    <div id="descId" style="min-height: 0px; padding: 1%;">
       ![](https://img.alicdn.com/imgextra/i3/351825/TB2KfVGtXXXXXcEXXXXXXXXXXXX_!!351825.jpg)
       ![](https://img.alicdn.com/imgextra/i1/351825/TB2m4hOtXXXXXbQXXXXXXXXXXXX_!!351825.jpg)
    </div>
    
    取出所有的img标签

    其实很简单,但是由于刚刚接触,还没深入,所有在这里总结一下,全部记下来:

    // 根据id,获取所有img标签,得到的是img标签数组
    var imgs = $("#descId img");
    
    // 原声js获取方法:
    // var imgs = document.getElementById("descId").getElementsByTagName("img");
    
    取出所有的img标签,将width和height属性移除
    for(var i = 0; i < imgs.length; i++) {
        $("img").removeAttr("width");
        $("img").removeAttr("height");
    }
    

    既然我们将属性移除了,总要再添加一点别的属性,则添加属性的代码如下:

    $(".img").attr("alt", "咖啡");
    

    注:这里的$(".img")是获取的class="img"的标签, 则修改完之后,当前的img就会变为:

    ![咖啡](https://img.alicdn.com/imgextra/i3/351825/TB2KfVGtXXXXXcEXXXXXXXXXXXX_!!351825.jpg)
    

    相关文章

      网友评论

          本文标题:jquery 添加删除标签属性

          本文链接:https://www.haomeiwen.com/subject/evohsttx.html