属性的获取、修改和删除
- 第一种方法:元素节点.属性或者元素节点[属性]
- 第二种方法:getAttribute、setAttribute、removeAttribute
两种代码及效果如下:
<input type="text">
<script>
var inp = document.getElementsByTagName("input")[0];
//方法1:元素节点.属性或者元素节点[属性].
inp.value = "请输入";
console.log(inp.value);
//方法2:运用操作方法:getAttribute、setAttribute、removeAttribute
inp.setAttribute("title","文本框");
console.log(inp.title);
</script>
总结:第一种方法有返回值,但是属性没有在元素节点处显示出来,应该是浏览器渲染的问题;第二种方法有返回值也显示出来了,综合考量第二种较为标准。(以上仅为个人见解,如有出入请各位老师订正)