【JavaScript】DOM之Node对象

Jeffrrey 发布于2019-08-23 11:35 / 2249人阅读

摘要：对象对象是什么该对象封装的底层对象，该对象只是提供了操作属性和方法，并不能直接打印操作属性和方法定位月面元素其实就是对象为元素节点继承链关系对象继承与对象判断节点类型以，和用于获取节点名称和节点类型还有节点的值按钮新按钮遍历节点获取父节点

Node对象 Node对象是什么

该对象封装DOM的底层对象，
该对象只是提供了操作属性和方法，并不能直接打印操作属性和方法

继承链关系

Node对象继承与EventTarget对象

判断节点类型

以nodeName，nodeType和nodeValue用于获取节点名称和节点类型还有节点的值

body>

遍历节点 获取父节点

以parentNode属性来获取页面中父节点



    单机游戏
    网络游戏
    手机游戏

获取子节点

通过childNodes属性来获取页面中所有的子节点
注意：childNode [s]
通过firstChind属性来获取页面中第一个子节点
通过lastChind属性来获取页面中最后一个子节点



    单机游戏
    网络游戏
    手机游戏

空白节点

浏览器解析页面树结构，会产生空文本的空白节点，是由其换行引起的

获取相邻兄弟节点
通过以nextSibling属性来获取节点的后相邻兄弟节点

插入节点 appendChid()方法

指定子节点列表中最后增添个新子节点



    单机游戏
    网络游戏
    手机游戏

insertBefore()方法



    鸣人
    佐助
    小樱

删除节点

通过removeChild()方法来删除在页面中指定的节点
child参数表示要删除的节点



    单机游戏
    网络游戏
    手机游戏

网页游戏

替换节点

通过removeChild()方法来替换在页面中指定的节点
oldChild参数表示要替换的节点



    单机游戏
    网络游戏
    手机游戏


    鸣人
    佐助
    小樱

复制节点

通过cloneNode()方法来复制在页面中指定的节点
参数deep表示是否执行深度克隆，如果为true，则会克隆该节点的所有后代节点
如果为false，则会克隆节点本身

textContent属性

是指在页面中指定的节点和其后代节点的文本内容

混合云私有云 javascript的dom对象删除dom对象 dom对象操作 javascript dom

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/97173.html

JavaScript 之 DOM [ Node对象 ]

摘要：对象描述对象是用于解析节点树的入口对象提供了对节点操作的属性和方法判断节点类型节点类型分为元素节点属性节点文本节点文档节点判断方式分为节点名称节点类型节点的值我是谁，我在那，我要干啥获取指定元素节点判断指定节点的名称显示标签名称显示 Node对象描述 Node对象是用于解析DOM节点树的入口 Node对象提供了对节点操作的属性和方法判断节点类型节点类型分为：元素节点 ...

imtianx 2019-08-23 11:35 评论0 收藏0
浏览器内核之 HTML 解释器和 DOM 模型

摘要：书接上文浏览器内核之资源加载与网络栈本文介绍的模型之后，深入的核心部分，剖析的解释器是如何将从网络或者本地文件获取的字节流转成内部表示的结构树。事件处理最重要就是事件捕获和事件冒泡这两种机制。 showImg(https://segmentfault.com/img/remote/1460000016215814); 微信公众号：爱写bugger的阿拉斯加如有问题或建议，请后台留言，我...

Carbs 2019-08-02 16:04 评论0 收藏0
读 Zepto 源码之操作 DOM

摘要：辅助方法这个方法递归遍历的子节点，将节点交由回调函数处理。对集合进行遍历，调用方法，如果为函数，则将回调函数返回的结果作为参数传给否则，如果为，则将也即包裹元素的副本传给，否则直接将传给。这篇依然是跟 dom 相关的方法，侧重点是操作 dom 的方法。读Zepto源码系列文章已经放到了github上，欢迎star: reading-zepto 源码版本本文阅读的源码为 zepto...

beita 2019-08-20 17:00 评论0 收藏0
【进阶1-5期】JavaScript深入之4类常见内存泄漏及如何避免

摘要：本期推荐文章类内存泄漏及如何避免，由于微信不能访问外链，点击阅读原文就可以啦。四种常见的内存泄漏划重点这是个考点意外的全局变量未定义的变量会在全局对象创建一个新变量，如下。因为老版本的是无法检测节点与代码之间的循环引用，会导致内存泄漏。（关注福利，关注本公众号回复[资料]领取优质前端视频，包括Vue、React、Node源码和实战、面试指导）本周正式开始前端进阶的第一期，本周的主题...

red_bricks 2019-08-23 13:47 评论0 收藏0
《JavaScript 闯关记》之 DOM（上）

摘要：节点之间的关系构成了层次，而所有页面标记则表现为一个以特定节点为根节点的树形结构。此外，包含在列表中的每个节点相互之间都是同胞节点。在浏览器中，对象是继承自类型的一个实例，表示整个页面。 DOM（文档对象模型）是针对 HTML 和 XML 文档的一个 API。DOM 描绘了一个层次化的节点树，允许开发人员添加、移除和修改页面的某一部分。节点层次 DOM 可以将任何 HTML 或 XM...

mzlogin 2019-08-20 12:17 评论0 收藏0