parentNode，firstChild，parentNode，nextSibling;

最新推荐文章于 2022-08-24 18:51:20 发布

原创最新推荐文章于 2022-08-24 18:51:20 发布 · 1.4k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#input #javascript #html #button #function #div

js脚本同时被 2 个专栏收录

39 篇文章

订阅专栏

jquery

36 篇文章

订阅专栏

本文介绍如何使用JavaScript操作HTML文档中的DOM元素，包括获取元素、修改属性、触发事件等基本操作。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

//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>