JS 获取标签属性值的方法

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标签全部替换掉才行

3.移除某一属性

removeAttribute("要移除的属性名");

相关推荐