DOM

最新推荐文章于 2022-07-04 20:19:44 发布

Kasekale

最新推荐文章于 2022-07-04 20:19:44 发布

阅读量152

点赞数

分类专栏： dom解析例子

本文链接：https://blog.csdn.net/Kasekale/article/details/78514623

版权

dom解析例子专栏收录该内容

1 篇文章 0 订阅

订阅专栏

Javascript由三部分组成,

ECMAscript(javascript核心标准,也是一个解析器,是一个规范)
DOM (通过document提供的一些属性或者方法来操作页面,帮助我们去操作页面的结构,添加删除某个标签,document提供了一些接口,赋予开发者操作页面的能力)
BOM (通过window提供的一些属性和方法来操作浏览器,更加方便的区操作浏览器,拉到底部,有数据加载)

<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
    <div id="div1"></div>

    <script>
        window.onload = function(){

            var oDiv = document.getElementById("div1");
            oDiv.style.cssText = "width:100px;height:100px;background:yellow;" 
        }
    </script>
</body>
</html>

这里写图片描述
按照节点的类型划分:

nodeType
1. 元素节点:1

 <!doctype html>
 <html lang="en">
 <head>
    <meta charset="UTF-8">
    <title>Document</title>
 </head>
 <body>
    <div id="div1">

    </div>
    <script>
        window.onload = function (){

            var oDiv = document.getElementById("div1");
            console.log(oDiv.nodeType);
        }
    </script>
 </body>
 </html>

Kasekale

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
DOM

Javascript由三部分组成,ECMAscript(javascript核心标准,也是一个解析器,是一个规范)DOM (通过document提供的一些属性或者方法来操作页面,帮助我们去操作页面的结构,添加删除某个标签,document提供了一些接口,赋予开发者操作页面的能力)BOM (通过window提供的一些属性和方法来操作浏览器,更加方便的区操作浏览器,拉到底部,有数据加载)<!do
复制链接

扫一扫

专栏目录