码迷,mamicode.com
首页 > 其他好文 > 详细

DOM探索之基础详解——学习笔记

时间:2017-09-30 00:38:50      阅读:158      评论:0      收藏:0      [点我收藏+]

标签:内容   一个   doc   comm   元素   tty   val   学习笔记   轻量级   

element.attributes     可以获得元素的所有属性 返回一个类数组对象

element.childNodes   返回子节点,不包括子节点的子节点

document.creatDocumentFragment 创建文档片段节点  是轻量级最小的document片段表示文档的一段或者一部分,不属于文档树。当请求把一个文档片段节点插入文档的时候插入的不是文档片段节点本身而是其所有的子孙节点

nodeType 节点类型                                     nodeName 节点名称            nodeValue节点值

元素节点Element 1                                           DIV(大写)                            null

属性节点Attr 2                                                   id                                       属性值

文本节点Text 3                                                 #text                                   文本值

注释节点Comment8                                        #comment                             注释内容

文档节点Document9

文档类型节点DocumentType10                            html                                       null

文档片段节点DocumentFragment11             #document-fragment                        null

浏览器渲染流程:

1.解析HTML构建DOM树(构建DOM节点)

2.构建渲染树(解析样式信息)

3.布局渲染树(布局DOM节点)

4.绘制渲染树(绘制DOM节点)

 

DOM探索之基础详解——学习笔记

标签:内容   一个   doc   comm   元素   tty   val   学习笔记   轻量级   

原文地址:http://www.cnblogs.com/liubinghaoJavaScript/p/7613162.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!