parentNode,firstChild,parentNode,nextSibling;

parentNode,firstChild,parentNode,nextSibling;UntitledDocument                  functiontest1(){            varnode=document.getElementById(“imgid2”);             varpimg=node.parentNode.firstChild;

大家好,又见面了,我是你们的朋友全栈君。

 <!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01//EN” “http://www.w3.org/TR/html4/strict.dtd”>  
<html>  
    <head>  
        <meta http-equiv=”Content-Type” content=”text/html; charset=UTF-8″ />  
        <title>Untitled Document</title>  
        <script language=”JavaScript”>  
             function test1() {

                 var node = document.getElementById(“imgid2”);  
                 var pimg = node.parentNode.firstChild;
                 var inpu = node.parentNode.nextSibling;
                 alert(pimg.value);
                 alert(inpu.value);
             }
        </script>  
    </head>  
    <body>  
    <div>
        <a id =”aid”>
            <img id =”imgid” value=”img1″ />
            <img id =”imgid2″ value=”img2″ />
        </a>
        <input type=”text” value=”input”/>
    </div>
        <input type=”button” value=”GOGO” onClick=”test1();” />  
    </body>  
</html> 

 

 

//x下面的是我测试写的

<!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01//EN” “http://www.w3.org/TR/html4/strict.dtd“> 
<html> 
    <head> 
        <meta http-equiv=”Content-Type” content=”text/html; charset=UTF-8″ /> 
        <title>Untitled Document</title> 
        <script language=”JavaScript”> 
             function test1() {

                 var node = document.getElementById(“imgid2”); 
                 var pimg = node.parentNode.firstChild;
     var pimg1=node.parentNode.childNodes[1];
                 var inpu = node.parentNode.nextSibling;
     var iPar=node.parentNode.parentNode;
     var inpu1=iPar.childNodes[0];
    
                 alert(pimg.value+”–“+pimg1.value);
                 alert(inpu.value+”–“+iPar.innerText+”–“+iPar.childNodes.length);
     for(i=0;i<iPar.childNodes.length;i++)
     {

     alert(iPar.childNodes[i].value);
     }
             }
        </script> 
    </head> 
    <body> 
    <div>
        <a id =”aid”>
            <img id =”imgid” value=”img1″ /><img id =”imgid2″ value=”img2″ /><img id =”imgid2″ value=”img3″ /><img id =”imgid2″ value=”img4″ />
        </a>456
        <input type=”text” value=”input”/>
        <input type=”text” value=”input2″/>
        <input type=”text” value=”input3″/>
        <input type=”text” value=”input4″/>
    </div>
        <input type=”button” value=”GOGO” onClick=”test1();” /> 
    </body> 
</html> 

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/159897.html原文链接:https://javaforall.net

(0)
上一篇 2022年7月15日 下午7:36
下一篇 2022年7月15日 下午7:36


相关推荐

  • Cursor 教程(手把手讲解)

    Cursor 教程(手把手讲解)

    2026年3月16日
    2
  • Spatial Transformer Networks(STN)详解

    Spatial Transformer Networks(STN)详解目录1、STN的作用1.1灵感来源1.2什么是STN?2、STN网络架构![在这里插入图片描述](https://img-blog.csdnimg.cn/20190908104416274.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L…

    2022年10月10日
    5
  • vue取消eslint规范_eslint vue

    vue取消eslint规范_eslint vue新手在学习做vue项目的时候老是遇到一些eslint语法错误的情况,比如下面这种情况:error’xxx’isassignedavaluebutneverusedno-unused-vars其实就是有变量创建了未被引用而已。就这样一个问题就会导致程序无法正常运行,所以很麻烦,现介绍关闭eslint语法校验的方法。在项目目录下找到vue.config.js,如果没有就自己新建一个,在里面添加几个配置项,然后重启项目(npmrunserve)就好了module.exports

    2022年10月8日
    4
  • 动画:用动画给面试官解释 TCP 三次握手过程

    动画:用动画给面试官解释 TCP 三次握手过程作者|小鹿来源|公众号:小鹿动画学编程写在前边TCP三次握手过程对于面试是必考的一个,所以不但要掌握TCP整个握手的过程,其中有些小细节也更受到面试官的青睐。对于这部分掌握以及TCP的四次挥手,小鹿将会以动画的形式呈现给每个人,这样将复杂的知识简单化,理解起来也容易了很多,尤其对于一个初学者来说。学习导图一、TCP是什么?TCP(Transmissio…

    2022年6月17日
    38
  • js媒体查询

    js媒体查询window onload function onsize window onresize function onsize functiononsi vardeviceWid document documentElem clientWidth

    2026年3月16日
    2
  • H20 双节点 DeepSeek 满血版部署教程

    H20 双节点 DeepSeek 满血版部署教程

    2026年3月16日
    4

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号