DOM节点操纵部分

最新推荐文章于 2020-08-30 13:42:31 发布

be great

最新推荐文章于 2020-08-30 13:42:31 发布

阅读量135

点赞数

分类专栏： HTML

本文链接：https://blog.csdn.net/qq_37431752/article/details/88126136

版权

HTML 专栏收录该内容

15 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<div class="div1"> div标签
    <p class="p1" value="12345">hellow ,parent</p>
    <p class="p1" value="6789">hellow.chilend</p>
    <span>sapnsoanapsn</span>
</div>
<script>
        var res=document.getElementsByClassName("p1")[0];
        console.log(res);
        // console.log(res.nodeType);
        // console.log(res.nodeName);
        // console.log(res.nodeValue);
        console.log(res.innerHTML);//通过这个拿去里面的内容.
       //res.innerHTML="12345";
        console.log( res.parentNode);
        console.log( res.parentElement.innerHTML);//通过这个拿去div里面的全部内容。
        console.log( res.parentElement.innerText);//通过这个拿去div里面的文本内容。
        console.log( res.parentElement.innerHTML);
        console.log( res.nextSibling.nodeName);//这个打印的是文本。
        console.log( res.nextElementSibling.innerHTML);//这个打印的是正常的.
        console.log( res.parentElement.nextSibling);//通过这个拿去div里面的内容。
        //局部查找：
       var res=document.getElementsByTagName("div")[0];//先查div
       var res2=res.getElementsByTagName("span")//在查sapn
        console.log(res2[0].innerHTML)



    </script>
</body>
</html>

be great

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
DOM节点操纵部分

&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;Title&lt;/title&gt;&lt;/head&gt;&lt;body&gt;&lt;div class
复制链接

扫一扫

专栏目录