php-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)    返回当前节点的具有指定标签名的所有子节点
posted @ 2021-02-02 17:58  soda001  阅读(459)  评论(0)    收藏  举报