js取父节点的兄弟节点的某个子元素怎么写

js取父节点的兄弟节点的某个子元素怎么写,第1张

先获取父节点: var parentEle=eleparentNode;

在获取父节点的兄弟节点:var parentEle1=parentElepreviousSbiling;//上一个节点

某个子节点:var obj=parentEle1firstChild;//第一个子节点

jQuery也有相应的方法。

你的意思是点击Button删除表格的一行信息!

首先在方法开始的时候获得整个表格的dom信息

然后在用this传值到方法中获得当前行的信息

最后用获取到的表格deleterow(获取到的行的值);

参考代码:

function Remove(fontobj){

var obj=$('#myTable');

var n=fontobjparentNodeparentNodeparentNoderowIndex;

objdeleteRow(n);

}

首先,父节点是相对于HTML文档的DOM树而言的。如下面的HTML:

<html>

<head></head>

<body>

    <div id="id1">

        <div id="id2">

        </div>

    </div>

</body>

</html>

在这个HTML的DOM树里面,id2这个div节点的父节点是id1这个div,页id1这个div的父节点是body。

一般来说,每个元素都有一个父节点,有0到多个子节点。

而Javascript中,修改一个DOM节点的外观,是通过修改这个DOM节点对象的属性来实现的。

例如:

var div2 = documentgetElementById('id2'); // 取id=id2这个节点

var div1 = div2parentNode; // div2的父节点,也就是id1这个div节点。

div1styleborder = '1px solid red'; // 把div1的边框设置为1像素实线红边框

所以,应该是通过修改某对象本身的属性来实现这个对象外观的设置(并非通过修改子节点的属性,如xxxparentNodestyledisplay = 'block'只是通过xxxparentNode来引用到xxx父节点,最终修改的是父节点的属性,跟xxx没啥关系)

获取目标元素的方法很多,例如取子节点:div1childNodes,(取div1的子节点列表)

关于HTML及Javascript的学习,网上有很多资料,可以看一下。例如:

W3School:  >

加入这个节点的id是 ‘child’,

然后复制这段代码 慢慢看一下

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 10 Transitional//EN" ">

在js中,我们时常用到用iframe做系统框架,在子页面也,父页面之间的值传递是一个问题,下面是js获取父窗体和子窗体的对象js:

1在iframe子页面中获取父页面的元素:

a>windowparentdocument这个是获取父页面document中的对象;

b>如果要获取父页面js中的方法:windowparentxxxx();xxxx()为方法;

2在父页面中获取iframe子页面中的元素:

a>

var child =

documentgetElementByIdx_x("mainFrame")contentWindow;//mainFrame这个id是父页面iframe的id

childdocument;//获取子页面中的document对象;

发现答非所问的人还不少啊

取父窗口的元素方法:$(selector, windowparentdocument);

那么你取父窗口的父窗口的元素就可以用:$(selector, windowparentparentdocument);

类似的,取其它窗口的方法大同小异

$(selector, windowtopdocument);

$(selector, windowopenerdocument);

$(selector, windowtopframes[0]document);

希望对你能有帮助

以上就是关于js取父节点的兄弟节点的某个子元素怎么写全部的内容,包括:js取父节点的兄弟节点的某个子元素怎么写、javascript中,已知一个button的ID,找这个button的父节点的父节点找不到。好心人帮下忙、js里面的父节点作用等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/9632958.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-30
下一篇 2023-04-30

发表评论

登录后才能评论

评论列表(0条)

保存