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)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • java迭代和 递归的异同_递归和迭代有什么区别?简述区别

    java迭代和 递归的异同_递归和迭代有什么区别?简述区别你对于递归和迭代都了解吗?那么你是否知道递归和迭代的区别呢?那么下面就和小编一起来了解一下,这两者之间的区别究竟是怎样的吧!一、递归和迭代区别首先我们要讲到的就是两者之间的概念。首先,程序调用自身的编程技巧叫做递归,函数自己调用自己。一个函数在它的定义当中,直接或者是间接的调用自身的一种方法。它经常将一个大型的复杂的问题转化为一个和原来的问题相似的但是规模较小的问题来解决。这样能够极大的减小代码量…

    2022年5月3日
    50
  • Windows 更新错误 8024401C -解决方法之一

    Windows 更新错误 8024401C -解决方法之一1.  按“Windows+X”打开命令提示符管理员,输入“netstopwuauserv”。2.  打开C:\Windows,重命名SoftwareDistribution文件夹为SDold。3.  按“Windows+X”打开命令提示符管理员,输入“netstartwuauserv”。不一定管用。。。。

    2022年4月28日
    63
  • linux添加用户及用户权限管理命令_docker用户权限

    linux添加用户及用户权限管理命令_docker用户权限Linux添加用户及用户权限管理1.新建用户(组)①用户新建用户需要通过指令useradd来实现。useradd的一些基本用法如下:useraddusername 新建一个用户useradd-uuidusername 指定用户的uiduseradd-ggidusername 指定用户的gid(一定要存在)useradd-Ggiduseradd指定用户的附加组(…

    2025年8月2日
    2
  • automatic是什么手表_浪琴automatic什么意思

    automatic是什么手表_浪琴automatic什么意思1.在本文中,提出了一种注释和检索图像的特征组合方法。除了使用原始图像中的低级颜色特征外,我们还提取了从卷积神经网络(CNN)中学习的特征。我们发现这两组在进行自动图像标注(AIA)时是相互补充的

    2022年8月1日
    6
  • sql修改字段类型和长度

    sql修改字段类型和长度标准SQL修改字段类型和长度语句:ALTERTABLEtableNamemodifycolumncolumnName类型;例如Mysql的修改字段类型语句:altertabletestmodifycolumnnamevarchar(255);Oracle修改字段类型和长度语句:ALTERTABLEtableNamemodify(columnNa

    2022年6月12日
    107
  • 网上主要的搜索工具_互联网主要是做什么的

    网上主要的搜索工具_互联网主要是做什么的我的一位朋友,用了10年的电脑。作为一名老网民,他的信息检索能力让我诧异。每次需要找点图片、网站、研究报告甚至小电影,他都需要花费很多时间,在各个论坛、网站里疲于奔波。因为他只会用百度!然而,世界上不仅仅只有一类搜索引擎。百度或者google虽然可以提供海量的信息,但是信息的甄选是一件非常麻烦的事情。所以,在这些通用引擎之外,我们

    2025年10月20日
    3

发表回复

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

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