当前位置:Gxlcms > JavaScript > javascript中parentNode,childNodes,children的应用详解_javascript技巧

javascript中parentNode,childNodes,children的应用详解_javascript技巧

时间:2021-07-01 10:21:17 帮助过:33人阅读

"parentNode"

常用来获取某个元素的父节点. 把 parentNodes 理解为容器, 在容器中有个子节点

例:


My text

在上面的代码中, 你看到把"爹"作为一个 div 容器, 该容器中有个"孩子", 就是粗体的文字部分. 如果你打算用getElementById() 方法获取粗体元素并且想知道它"爹"是谁, 返回的信息将是一个 div. 演示下面的脚本, 你就知道是怎么回事啦 ...

引用:

代码如下:


My text
























第二种方法
代码如下:




















1111
1111
1111



获取HTML中的父控件方法
代码如下:

function setvalue(v,o)
{
//var obj=document.getElementById(''batchRate'');
//windows.
alert(o.parentNode.innerHTML);

alert(o.parentNode); //parentNode此处也是获取父控件

alert(o.parentElement); //parentElement此处也是获取父控件

alert(o.parentElement.parentNode); //parentElement.parentNode此处也是获取父控件

//o.parentNode.bgColor="red";

o.parentElement.parentNode.bgColor="red";
}


实例:
代码如下:





新建网页 1