1.取得属性
每个元素都有一或多个特性,这些特性的用途是给出相应元素或其内容的附加信息。
var div = document.getElementById('mydiv');
alert(div.getAttribute("id")); //"mydiv"
HTMLElement也会有5个属性与相应的特性一一对应。不过只有公认的(非自定义的)特性才会以属性的形式添加到DOM对象中。
<div id="btn" align="left" haha="xiao"></div>
var div = document.getElementById('mydiv');
alert(div.id); //"mydiv"
alert(div.align); //"left"
alert(div.haha); //undefined (IE除外)
2.设置属性
setAttribute(),这个方法接收两个参数:要设置的特姓名和值,如果特性存在,会将原先的值替换掉,如果不存在则创建该属性并设置相应的值
div.setAttribute('id','oDiv');
3.彻底删除元素的特性。
div.removeAttribute("class");
4.创建元素
document.createElement()方法只接收一个参数,即要创建的元素名;
var div=document.createElement(div);
5.元素的子节点,因为childNodes把文本节点也都当作子节点,所以判断一下他的nodeType如果为元素的才打印。
<ul id=ul>
<li>1</li>
<li>2</li>
<li>3</li>
</ul>
<script type="text/javascript">
var oUl = document.getElementById("ul");
for(var i=0;i<oUl.childNodes.length;i++){
if(oUl.childNodes[i].nodeType == 1){
console.log(oUl.childNodes[i]);
}
}
//或者也可以是
var aLi=oUl.getElementsByTagName('li');
for (var i=0;i<aLi.length;i++) {
console.log(aLi[i]);
}
</script>