DOM操作 通用方法获取节点 利用节点关系访问HTML元素
/通过id获取元素节点 // var 元素节点=documen.getElementById(id值) //通过元素节点或者文本节点 //var 文本=元素节点.innerHTML; //通过元素节点获取属性节点; //var属性值=元素节点.属性名; /*function get1(){ //获取div var dd=document.getElementById("myDiv"); //获取文本节点 var str=dd.innerHTML; alert(str); }*/
页面加载完成后执行 //一个JS文件只能写一个window.onload var li; window.onload=function(){ li=document.getElementById("n4"); }
//写一个通用的方法获取元素的文本节点 function get(obj){ var content=obj.innerHTML; alert(content); }
利用节点的关系访问HTML元素
parentNode 返回当前节点的父节点
previousSibling 返回当前节点的前一个兄弟节点
nextSibling 返回当前节点的后一个兄弟节点
childNodes 返回当前节点的所有子节点
firstChild 返回当前节点的第一个子节点
lastChild 返回当前节点的最后一个子节点
getElementsByTagName(tagName) 返回当前节点的具有指定标签名的所有子节点