dom 节点属性

最新推荐文章于 2023-06-26 22:38:08 发布

蜕变之痛

最新推荐文章于 2023-06-26 22:38:08 发布

阅读量369

点赞数

分类专栏： js

本文链接：https://blog.csdn.net/liuxueyi521/article/details/52885796

版权

js 专栏收录该内容

9 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
     <script >
         window.onload = function () {
//             cityChild();
             getNodeText();
         }

         function cityChild() {
             var cityNode = document.getElementById("city");
             alert(cityNode);
             alert(cityNode.length);
             alert(cityNode.childNodes.length);
             alert(cityNode.childElementCount);

             var cityLiNodes = cityNode.getElementsByTagName("li");
             alert(cityLiNodes.length);

             var cityFirstNode = cityNode.firstChild;
             alert(cityFirstEleNoe);
             alert(cityFirstNode.textContent);
             alert(cityFirstNode.innerText);
             alert(cityFirstNode.innerHTML);
             alert(cityFirstNode.nodeName);

             var cityFirstEleNoe = cityNode.firstElementChild;
             alert(cityFirstEleNoe);
             alert("textContent " + cityFirstEleNoe.textContent);
             alert("innerText " + cityFirstEleNoe.innerText);
             alert("innerHTML " + cityFirstEleNoe.innerHTML);
             alert("nodeName " + cityFirstEleNoe.nodeName);
             alert("nodeType " + cityFirstEleNoe.nodeType);

             alert("test");
         }

         function getNodeText() {
             var bjNode = document.getElementById("bj");
             alert(bjNode);
             alert(bjNode.childNodes.length);
             alert("textContent " + bjNode.textContent);
             alert("innerText " + bjNode.innerText);
             alert("innerHTML " + bjNode.innerHTML);
             alert("nodeName " + bjNode.nodeName);
             alert("nodeType " + bjNode.nodeType);

             var bjTextNode = bjNode.firstChild;
             alert(bjTextNode);
             alert(bjTextNode.childNodes.length);
             alert("textContent " + bjTextNode.textContent);
             alert("innerText " + bjTextNode.innerText);
             alert("innerHTML " + bjTextNode.innerHTML);
             alert("nodeName " + bjTextNode.nodeName);
             alert("nodeType " + bjTextNode.nodeType);

         }

         function tagtest() {
             var cityNode = document.getElementById("city");
             var cityLiNodes = cityNode.getElementsByTagName("北京");

         }

     </script>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <p>你喜欢什么城市？</p>
    <ul id="city">
        <li id="bj" name="Beijing">北京</li>
        <li>上海</li>
        <li>东京</li>
        <li>首尔 </li>
    </ul>
</body>
</html>

蜕变之痛

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
打赏
0
评论
dom 节点属性

html lang="en">head> script > window.onload = function () {// cityChild(); getNodeText(); } function cityChild() { var cityNode
复制链接

扫一扫