精华内容
下载资源
问答
  • 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:忘记在哪看见的了,感谢网上大牛

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

    rowIndex 可以获取 tr 相对于根节点所有 tr 的索引,会计算之前所有的 tr
    在这里插入图片描述
    sectionRowIndex 可以获取 tr 相在当前 table 下的索引。
    以下面的第二个 tr 为例,rowIndex 的值是 1sectionRowIndex 的值是 0
    在这里插入图片描述
    这是网页的结构:
    在这里插入图片描述
    cellIndex 可以获取 th、td 相对于父节点的索引。
    在这里插入图片描述
    喜欢的点个赞❤吧!

    展开全文
  • ////获得一个节点的父节点 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)运行结果



    展开全文
  • 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>
  • jquery获取父元素方法比较多,比如parent(),parents(),closest()这些都能帮你实现查找父元素或节点,下面我们来一一讲解: 先举个例子, 1.<ul class="parent1">...jquery获取父节点</a></li> ...
  • 前台页面: <pre name=code class=html><td xss=removed colspan=7> <input id=fm_AEType class=easyui-combotree style=width: 240px /> </td></pre>  JavaScript页面(包括数据初始化): ...
  • 文章目录DOM定义:节点:节点分类获取子节点...表单元素事件form事件input事件表单元素方法form事件input事件获取父节点parentNodeoffsetParent获取其他节点(兄弟节点)获取上一个兄弟节点previousSibling获取
  • 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 ...
  • 首先找到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']); $('#...
  • 最近博主在慕客网上学习javascript时遇上了一道题,是要利用JavaScript删除表格中的一行,表格如下: ...tr> <td>xh002</td> <td>刘小芳</td> <td><a href="...
  • jQuery获取父元素节点的下标

    千次阅读 2017-02-16 14:05:34
    jquery获取父元素方法比较多,比如parent(),parents(),closest()这些都能帮你... jquery获取父节点 jquery获取父元素 我们的目的是通过 id 为 item 的便签a取到 class 为 parent的ul元素,有以下几种方法
  • --> ... 1,父节点: parentNode:对应一个节点对象。 2,子节点:childNodes:对应一个节点集合。 3,兄弟节点: 上一个兄弟节点:previousSibling 下一个兄弟节点:nextSibling
  • 参考原文: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....
  • ============= ... ...   效果如下: 1、默认显示完整路径 ...2、默认根据叶子节点的值赋值,并从该子结点逐层向上展开所有父... * 根据叶子节点展开所有父节点 * @param treeObj 树对象,(combotree的树对象获取:var tr
  • 譬如想获取第一个tagName为TR父节点? 谢谢! [b]问题补充:[/b] $('tr:first').parent(); 这个是第一个tr父节点吧? 我是问元素e的第一个tr父节点。必须是e的父节点 [b]问题补充:[/b] <table><tr...
  • 通过以下方法测试获取表格的数据function getTableContent(node) {// 按钮的父节点父节点tr。var tr1 = node.parentNode.parentNode;alert(tr1.rowIndex);alert(tr1.cells[0].childNodes[0].v...
  • 本文实例讲述了jQuery实现查找最近父节点的方法。分享给大家供大家参考,具体如下: 这里演示查找当前控件最近的table <html> <head> <title>usually function</title> </head> ...
  • 通过以下方法测试获取表格的数据function getTableContent(node) {// 按钮的父节点父节点tr。var tr1 = node.parentNode.parentNode;alert(tr1.rowIndex);alert(tr1.cells[0].childNodes[0].v...
  • //根据当前节点选中父节点及其子节点 tree.on('checkchange', function(node, flag) { //获取所有子节点 node.cascade( function( node ){ node.attributes.checked = flag; node.ui.checkbox.checked = ...
  • 父节点.children:返回子元素的集合,是HTMLCollection对象。非标准属性。 父节点.childNodes:返回子节点的集合,是NodeList对象。标准属性。 // 父节点.children:返回子元素的集合,是HTMLC
  • ///  /// 展开当前节点及父节点  ///  ///  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(当前节点之后的节点)属性来...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 15,934
精华内容 6,373
关键字:

获取tr的父节点