JS 获取标签属性值的方法

1.取值

方法一
自定义属性必须用getAttribute()方法
   

 var iframeSrcAttr = document.getElementById("importJsp").getAttribute("src");

    获取得到的值是：test.html
方法二
   

 var iframeSrcAttr = document.getElementById("importJsp").src;

    获取得到的值是：http://127.0.0.1:8020/demo/test.html
方法三
    

var iframeSrcAttr = document.getElementById("importJsp").attributes["src"].value;

    获取得到的值是：test.html

2.改变已存在属性的属性值

方法一
   

 document.getElementById("importJsp").setAttribute("src","#");
    //iframe标签的src属性值已更改为"#"
console.log(document.getElementById("importJsp").getAttribute("src"));

方法二

    document.getElementById("importJsp").attributes["src"].value="#";
    //iframe标签的src属性值已更改为"#"
    console.log(document.getElementById("importJsp").getAttribute("src"));

　　更改src没有用，只能将iframe标签全部替换掉才行

<iframe id='importJsp' width='700' height='500' frameborder='0' src='test.html'></iframe>

3.移除某一属性
　　removeAttribute("要移除的属性名");