版权声明:本文为博主原创文章,若文章中有错误请联系博主改正,请不要恶意留言(不喜欢请绕道)。欢迎大家转载,转载时请注明原文地址:https://blog.csdn.net/qq_37674616/article/details/82432868
目录
Element类型
特征
nodeType的值为 1
nodeName的值为元素的标签名
nodeValue的值为null
parentNode可能是Document或Element
下面图为Element的继承图:
属性
attributes
该属性返回注册到指定节点的所有属性节点的实时集合。它是NamedNodeMap
示例
<p></p>
<p></p>
<script>
//获取第一个p标签
var p=document.getElementsByTagName('p')[0];
var atts=p.attributes;
console.log(atts);//NamedNodeMap {length: 0}
</script>
tagName
返回调用它的元素的标签名称
示例
<span id="span">this is a span</span>
<script>
var sp=document.getElmentById('span');
console.log(sp.tagName);
</script>
name
获取或设置nameDOM中元素的属性。它近适用于以下元素:<a>,<applet>,<button>,<form>,<frame>,<img>,<input>,<map>,<meta>,<select>,<textarea>
示例
<form action="" name="formA">
<input type="text" value="foo">
</form>
<script>
var input=document.forms['formA'].children[0];
input.name='inputA';
console.log(input.name); //"inputA"
</script>
className
获取并设置指定元素的class属性的值
示例
//<div id="div1"></div>
var div1=document.getElementById('div1');
if(div1.className=='active'){
div1.className="";
}else{
div.className="active"
}
id
该属性表示元素的标识符,反映了id的全局属性
示例
<div id="one"></div>
<script>
var div=document.getElementById('one');
var idstr=div.id //获取
console.log(idstr); //one
div.id='two' //设置
console.log(div.id); //two
</script>