获取tr的父节点

js获取父亲节点

千次阅读 2018-01-23 11:06:33

1.通过子节点id获取父节点id 有以下代码：id="bb">id="aa" > 请问如何通过td的id值“aa"取得tr 的id的值？纯js是： document.getElementById("aa").parentNode.id jQuery是： $("#aa").parent().attr("id"); ...

1.通过子节点id获取父节点id 
有以下代码：<tr id="bb"><td id="aa" ></td></tr> 
请问如何通过td的id值“aa"取得tr 的id的值？

纯js是： 
document.getElementById("aa").parentNode.id 
jQuery是： 
$("#aa").parent().attr("id"); 
2.假如没有子节点id，也没有父节点id 
页面属于iframe嵌套，只知道父页面节点有个属性比方说tabid=“tab_toDraw” 
function GetAttrElement(attr,val){
    var e= window.parent.document.all;
    var a= new Array();
    for(var i=0;i<e.length;i++){
        if(e[i].getAttribute(attr)==val){
            a.push(e[i])
        }
    }
    return a;
}
 
返回的是一个数组，因为可能不止一个 
调用方法 
//这时候可以针对某属性赋值
var temp =GetAttrElement("tabid","tab_toDraw");
temp[0].innerHTML="画图"; 
ps：忘记在哪看见的了，感谢网上大牛

收起

展开全文

JavaScript 技术篇-js获取表格元素tr、th、td相对于父节点的索引。

千次阅读 2019-04-11 09:48:15

js 获取表格元素 tr、th、td 相对于父节点的索引。 rowIndex 可以获取 tr 相对于根节点所有 tr 的索引，会计算之前所有的 tr。 sectionRowIndex 可以获取 tr 相在当前 table 下的索引。以下面的第二个 tr 为例，...

rowIndex 可以获取 tr 相对于根节点所有 tr 的索引，会计算之前所有的 tr。
在这里插入图片描述
sectionRowIndex 可以获取 tr 相在当前 table 下的索引。
以下面的第二个 tr 为例，rowIndex 的值是 1，sectionRowIndex 的值是 0。

这是网页的结构：

cellIndex 可以获取 th、td 相对于父节点的索引。
在这里插入图片描述
喜欢的点个赞❤吧！

收起

展开全文

元素之间的，创建，赋值属性，替换，添加，删除，获取父节点，以及获取获取父节点的所有元素和节点

2018-05-20 19:25:10

////获得一个节点的父节点 alert ( fu . getAttribute ( "id" )) } var arr = new Array(); //创建一个数组 function zi () { //获取当前所有子节点 var fu = document . getElementById ( ...

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
</head>


<script type="text/javascript">
    function tn(){
        var input1 = document.createElement("input");//创建一个元素；
        var div1 = document.getElementById("div1");
        input1.setAttribute("type", "text");
        div1.appendChild(input1)
    }
    function dn() {
        //插入某个元素，在什么元素之前
        var div1 = document.getElementById("div1");
        var img1 = document.getElementById("img1");  //获取要插入的元素
        var text1 = document.createElement("input");//创建一个元素；
        text1.setAttribute("type", "text") ;  //添加属性，已有属性只能添加，没有可以创建自定义属性
        div1.insertBefore(text1, img1);//前面是要插入的元素，后边是被插入的元素，会插入此元素之前
    }
    function tn() {
        //替换某个元素
        var div1 = document.getElementById("div1")
        var img1 = document.getElementById("img1")
        var test = document.createElement("input")
        test.setAttribute("type", "text")  //添加属性，已有属性只能添加，没有可以创建自定义属性
        div1.replaceChild(test, img1)  //前面是要插入的元素，后边是被插入的元素，会替换此元素，已替换后再次替换会报错
    }
    function rn() {//删除一个元素
        var div1 = document.getElementById("div1")
        var img1 = document.getElementById("img1")
        // div1.removeChild(img1)//删除当前元素
        div1.remove(); //删除本身了
    }
    function fn() {//获得一个节点的父节点
        var img1 = document.getElementById("img1")
        var fu = img1.parentNode;  获得一个节点的父节点
        alert(fu.getAttribute("id"))
    }
    var arr = new Array();  //创建一个数组
    function zi() {  //获取当前所有子节点
        var fu = document.getElementById("div2") //获得一个节点对象
        var zi = fu.childNodes; //返回子节点数组；
        alert(zi.length);  //查看子节点数组长度，这里是包括了#text的
        for (var i = 0; i < zi.length; i++) {
            if (zi[i].nodeName != "#text") {//nodeName获得元素标签类型，有系统自动添加的 "#text"，所以要判断一下
                alert(zi[i].getAttribute("id")) //获取当前对象的id;
                arr.push(zi[i])   //添加进数组。也可用arr[i]=?,
            }
        }
    }
    function on(){
        var table1 = document.getElementById("table1");
        var tr = document.createElement("tr");
        var td1 = document.createElement("td")
        var td2 = document.createElement("td");
        var td3 = document.createElement("td");

        td1.innerText = "java02";
        td2.innerText = "Liu";
        td3.innerText = "<input type='button' οnclick='en()' value='删除'/> "     //创建元素
        table1.appendChild(td1);
        table1.appendChild(td2);
        table1.appendChild(td3);

        table1.appendChild(tr);
    }
</script>
<body>
<div id="div1">

    <img id="img1" src="img/393.jpg" alt=""/>
    <br />
    <input type="button" οnclick="dn()" value="插入"/><br />
    <input type="button" οnclick="tn()" value="替换"/><br />
    <input type="button" οnclick="rn()" value="删除"/><br />
    <input type="button" οnclick="fn()" value="通过子获得父节点" /><br />
</div>
<div id="div2">
    <span id="aaa">aaa</span>
    <span id="bbb">bbb</span>
    <span id="ccc">ccc</span>
</div>
<table id="table1" border="1">

</table>
<input type="button" name="" id="" οnclick="zi()" value="通过父找子节点"/><br />
<input type="button" value="用inner创建元素"/><br />
</body>
</html>

收起

展开全文

元素

父节点获取子节点的字符串

千次阅读 2014-02-25 22:22:13

父节点获取子节点的字符串 1、JavaScript方法：document.getElementById("id").innerHTML; （1）实例说明获取HTML中的子项 function getStr() { var str = document.getElementById("div_child")....

父节点获取子节点的字符串 
1、JavaScript方法：document.getElementById("id").innerHTML; 
（1）实例说明 
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>获取HTML中的子项</title>
<script type="text/javascript">
    function getStr()
   {
	 var str = document.getElementById("div_child").innerHTML;
	 alert(str);
   }
</script>
</head>

<body>
   <div id="div_child">
      <table>
         <tr>
           <th></th>
           <th></th>
           <th></th>
           <th></th>
           <th></th>
         </tr>
         <tr>
           <td></td>
           <td></td>
           <td></td>
           <td></td>
           <td></td>
         </tr>
      </table>
      <input type="button" id="btn" οnclick="getStr()" value="获取字符串"/>
   </div>
</body>
</html>


 
（2）点击按钮后，弹出信息 
 

  
2、jQuery中的方法：$("#id").html() 
（1）实例说明 
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>jQuery中父节点获取子节点字符串</title>
<script type="text/javascript" src="jquery-2.1.0.js"></script>
<script type="text/javascript">
   $(function(){
	    $("#btn").click(function(){
			var str = $("#div_child").html();
			alert(str);
		});  
	});
</script>
</head>

<body>
   <div id="div_child">
      <table>
         <tr>
           <th></th>
           <th></th>
           <th></th>
           <th></th>
           <th></th>
         </tr>
         <tr>
           <td></td>
           <td></td>
           <td></td>
           <td></td>
           <td></td>
         </tr>
         <tr>
           <td></td>
           <td></td>
           <td></td>
           <td></td>
           <td></td>
         </tr>
         <tr>
           <td></td>
           <td></td>
           <td></td>
           <td></td>
           <td></td>
         </tr>
      </table>
      <input type="button" id="btn" value="获取值"/>
   </div>
</body>
</html>


 
（2）运行结果

收起

展开全文

javascript jquery 子节点字符串

JavaScriptDay05 DOM获取子节点，获取父节点，获取兄弟节点，元素属性操作，节点的插入删除，文档碎片，...
2019-03-12 23:14:04
0x03 获取父节点 0x04判断节点类型 0x05 获取子节点和兄弟节点 1.获取第一个子节点 2.获取最后一个子节点 3.获取兄弟节点 1.获取上一个兄弟节点 2.获取下一个兄弟节点 0x06 元素属性操作的三种方式 0x07 DO...
收起
通过td获取其父节点的id
千次阅读 2014-03-17 14:38:43
有以下代码：请问如何通过td的id值“aa"取得tr 的id的值？纯js是： document.getElementById("aa").parentNode.id jQuery是： $("#aa").parent().attr("id");
收起
JS中获取父节点元素和子节点元素
万次阅读 2017-07-25 22:14:05
html> html lang="en"> head> meta charset="UTF-8"> title>Titletitle> head> body> table> tr> td>1td> td>2td> td>3td> tr> tr>
收起
javascript
使用jquery获取父元素或父节点的方法
千次阅读 2019-09-23 07:45:33
jquery获取父元素方法比较多，比如parent()，parents()，closest()这些都能帮你实现查找父元素或节点，下面我们来一一讲解：先举个例子， 1.<ul class="parent1">...jquery获取父节点</a></li> ...
收起
easyui中combotree循环获取父节点至根节点并输出路径实现方法
2020-12-29 00:51:56
前台页面： <pre name=code class=html><td xss=removed colspan=7> <input id=fm_AEType class=easyui-combotree style=width: 240px /> </td></pre> JavaScript页面（包括数据初始化）： ...
收起
JSDOM- 前端之路获取子节点、父节点、获取元素非行内样式、表单操作、H5新增获取节点方法、增加节点、删除...
2020-09-20 15:24:08
文章目录DOM定义：节点：节点分类获取子节点...表单元素事件form事件input事件表单元素方法form事件input事件获取父节点parentNodeoffsetParent获取其他节点（兄弟节点）获取上一个兄弟节点previousSibling获取
收起
java html javascript css js
父节点获取子节点的字符串示例代码
2021-01-21 13:26:47
DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”> <html xmlns=”http://www.w3.org/1999/xhtml”> <head> <meta ...
收起
vue elementUI tree树形控件获取父节点ID的实例
2021-01-19 19:41:44
首先找到element-ui.common.js文件如下具体看你工程下的node_modules D:\workSpace\vue_manage\node_modules\element-ui\lib\element-ui.common.js 找到getCheckedNodes该方法细节如下我的该方法在21618行 ...
收起
获取当前节点位于父节点的位置
千次阅读 2017-03-13 22:06:42
获取其中a点击事件的节点位于table中的位置 $("table tr").click(functrn(){ // alert($(this).index()); var index=$(this).index(); $('#title').val(rewriteArr[index-1]['title']); $('#...
收起
html PHP
tr节点的父节点并非table,而是tbody,(为什么有个lastChild)
2019-09-09 10:48:14
最近博主在慕客网上学习javascript时遇上了一道题，是要利用JavaScript删除表格中的一行，表格如下： ...tr> <td>xh002</td> <td>刘小芳</td> <td><a href="...
收起
childNodes parentNode
jQuery获取父元素节点的下标
千次阅读 2017-02-16 14:05:34
jquery获取父元素方法比较多，比如parent()，parents()，closest()这些都能帮你... jquery获取父节点 jquery获取父元素我们的目的是通过 id 为 item 的便签a取到 class 为 parent的ul元素，有以下几种方法
收起
jquery
通过节点的层次关系获取节点对象(父节点，子节点，兄弟节点)
千次阅读 2014-08-01 11:45:10
--> ... 1，父节点: parentNode:对应一个节点对象。 2，子节点：childNodes:对应一个节点集合。 3，兄弟节点：上一个兄弟节点：previousSibling 下一个兄弟节点：nextSibling
收起
easyui中combotree循环获取根节点至父节点并输出路径
2019-05-20 11:21:27
参考原文：https://blog.csdn.net/jumtre/article/details/43233685 前台： <tr> <td> <label>所属部门：</label> </td> <td align="left"> <l...
收起
父节点id的获取
2017-01-02 10:47:05
<tr> <td></td> <td><input type="button" name="enterbut" onclick="Click(event)" value="输入"/> </tr> function Click(e) { var obj = e.target || window.event....
收起
Jquery EasyUI Combotree和 EasyUI tree展开所有父节点和获取完整路径
2018-05-11 11:20:24
============= ... ... 效果如下： 1、默认显示完整路径 ...2、默认根据叶子节点的值赋值，并从该子结点逐层向上展开所有父... * 根据叶子节点展开所有父节点 * @param treeObj 树对象，（combotree的树对象获取：var tr
收起
JQuery 有什么比较方便的方法获取第一个特定的父节点？
2008-10-26 22:06:18
譬如想获取第一个tagName为TR的父节点？谢谢！ [b]问题补充：[/b] $('tr:first').parent(); 这个是第一个tr的父节点吧？我是问元素e的第一个tr的父节点。必须是e的父节点 [b]问题补充：[/b] <table><tr...
收起
jquery
js获取td的html,js中获取 table节点各tr及td的内容简单实例
2021-06-13 03:39:02
通过以下方法测试获取表格的数据function getTableContent(node) {// 按钮的父节点的父节点是tr。var tr1 = node.parentNode.parentNode;alert(tr1.rowIndex);alert(tr1.cells[0].childNodes[0].v...
收起
jQuery实现查找最近父节点的方法
2020-12-28 22:43:44
本文实例讲述了jQuery实现查找最近父节点的方法。分享给大家供大家参考，具体如下：这里演示查找当前控件最近的table <html> <head> <title>usually function</title> </head> ...
收起
读取html <tr> ,js中获取 table节点各tr及td的内容简单实例
2021-07-09 01:53:43
通过以下方法测试获取表格的数据function getTableContent(node) {// 按钮的父节点的父节点是tr。var tr1 = node.parentNode.parentNode;alert(tr1.rowIndex);alert(tr1.cells[0].childNodes[0].v...
收起
Extjs选中当前节点后自动选中子节点和父节点
千次阅读 2012-03-13 09:29:39
//根据当前节点选中父节点及其子节点 tree.on('checkchange', function(node, flag) { //获取所有子节点 node.cascade( function( node ){ node.attributes.checked = flag; node.ui.checkbox.checked = ...
收起
extjs function
DOM、子节点、节点的属性、父节点、其它节点关系、操作节点、table
2020-12-20 16:24:58
父节点.children：返回子元素的集合，是HTMLCollection对象。非标准属性。 父节点.childNodes：返回子节点的集合，是NodeList对象。标准属性。 // 父节点.children：返回子元素的集合，是HTMLC
收起
js html5
DevExpress TreeList 展开当前节点及父节点
千次阅读 2015-04-08 15:55:57
/// /// 展开当前节点及父节点 /// /// public void ParentNodeExpend(TreeListNode _node) { TreeListNode _cNode = _node; treeList1..Nodes.Tr
收起
xpath之根据节点获取兄弟节点
千次阅读 2020-07-04 14:43:51
（1）可以通过获取的节点，定位到父节点，再找到想要定位的元素用到…来获取 父节点 （2）可以使用xpath提供的属性：preceding-sibling（当前节点之前的节点）或者following-sibling（当前节点之后的节点）属性来...
收起
Xpath教程

js获取父亲节点

1.通过子节点id获取父节点id

2.假如没有子节点id，也没有父节点id

返回的是一个数组，因为可能不止一个

调用方法

ps：忘记在哪看见的了，感谢网上大牛

JavaScript 技术篇-js获取表格元素tr、th、td相对于父节点的索引。

元素之间的，创建，赋值属性，替换，添加，删除，获取父节点，以及获取获取父节点的所有元素和节点

父节点获取子节点的字符串

JavaScriptDay05 DOM获取子节点，获取父节点，获取兄弟节点，元素属性操作，节点的插入删除，文档碎片，...

通过td获取其父节点的id

JS中获取父节点元素和子节点元素

使用jquery获取父元素或父节点的方法

easyui中combotree循环获取父节点至根节点并输出路径实现方法

JSDOM- 前端之路获取子节点、父节点、获取元素非行内样式、表单操作、H5新增获取节点方法、增加节点、删除...

父节点获取子节点的字符串示例代码

vue elementUI tree树形控件获取父节点ID的实例

获取当前节点位于父节点的位置

tr节点的父节点并非table,而是tbody,(为什么有个lastChild)

jQuery获取父元素节点的下标

通过节点的层次关系获取节点对象(父节点，子节点，兄弟节点)

easyui中combotree循环获取根节点至父节点并输出路径

父节点id的获取

Jquery EasyUI Combotree和 EasyUI tree展开所有父节点和获取完整路径

JQuery 有什么比较方便的方法获取第一个特定的父节点？

js获取td的html,js中获取 table节点各tr及td的内容简单实例

jQuery实现查找最近父节点的方法

读取html <tr> ,js中获取 table节点各tr及td的内容简单实例

Extjs选中当前节点后自动选中子节点和父节点

DOM、子节点、节点的属性、父节点、其它节点关系、操作节点、table

DevExpress TreeList 展开当前节点及父节点

xpath之根据节点获取兄弟节点

获取tr的父节点

js获取父亲节点

1.通过子节点id获取父节点id

2.假如没有子节点id，也没有父节点id

返回的是一个数组，因为可能不止一个

调用方法

ps：忘记在哪看见的了，感谢网上大牛

JavaScript 技术篇-js获取表格元素tr、th、td相对于父节点的索引。

元素之间的，创建，赋值属性，替换，添加，删除，获取父节点，以及获取获取父节点的所有元素和节点

父节点获取子节点的字符串

JavaScriptDay05 DOM获取子节点，获取父节点，获取兄弟节点，元素属性操作，节点的插入删除，文档碎片，...

通过td获取其父节点的id

JS中获取父节点元素和子节点元素

使用jquery获取父元素或父节点的方法

easyui中combotree循环获取父节点至根节点并输出路径实现方法

JSDOM- 前端之路 获取子节点、父节点、获取元素非行内样式、表单操作、H5新增获取节点方法、增加节点、删除...

父节点获取子节点的字符串示例代码

vue elementUI tree树形控件获取父节点ID的实例

获取当前节点位于父节点的位置

tr节点的父节点并非table,而是tbody,(为什么有个lastChild)

jQuery获取父元素节点的下标

通过节点的层次关系获取节点对象(父节点，子节点，兄弟节点)

easyui中combotree循环获取根节点至父节点并输出路径

父节点id的获取

Jquery EasyUI Combotree和 EasyUI tree展开所有父节点和获取完整路径

JQuery 有什么比较方便的方法获取第一个特定的父节点？

js获取td的html,js中获取 table节点各tr及td的内容简单实例

jQuery实现查找最近父节点的方法

读取html <tr> ,js中获取 table节点各tr及td的内容简单实例

Extjs选中当前节点后自动选中子节点和父节点

DOM、子节点、节点的属性、父节点、其它节点关系、操作节点、table

DevExpress TreeList 展开当前节点及父节点

xpath之根据节点获取兄弟节点

获取tr的父节点

JSDOM- 前端之路获取子节点、父节点、获取元素非行内样式、表单操作、H5新增获取节点方法、增加节点、删除...