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

DomTree探秘

时间:2020-04-06 11:29:37      阅读:78      评论:0      收藏:0      [点我收藏+]

标签:dom   img   eclipse   rem   tle   编程   tree   对象   remote   

DomTree

DOM

DOM是一个由javascript节点对象组成的层次结构/树

<html>
<head>
    <title>HTML</title>
</head>
<body>
</body>
</html>

使用chrome打开,并打开开发者工具,选择Elements->Properties
技术图片

选中body节点,我们可以看到类似于Eclipse中java类的Class hierarchy视图。body是HTMLBodyElement的实例化对象,HTMLBodyElement是HTMLElement的子类,以此类推...

总结

  • DOM的目的是使用javascript操作(删除、添加、替换、创建事件)树状的HTML文档而提供的一个编程接口

节点对象类型

技术图片

  • DOCUMENT_TYPE_NODE 10

  • DOCUMENT_NODE 9

  • ELEMENT_NODE 1

  • ATTRIBUTE_NODE 2

  • TEXT_NODE 3

  • ...

这些Node属性是常量,是用来声明某一节点的类型。如同java语言中的Integer,Char,Long,String等,而且它们也有构造函数啊!

构造函数 类型
HTML*Element ELEMENT_NODE
Text TEXT_NODE
Attr ATTRIBUTE_NODE
HTMLDocument DOCUMENT_NODE
DocumentFragment DOCUMENT_FRAGMENT_NODE
DocumentType DOCUMENT_TYPE_NODE

DomTree探秘

标签:dom   img   eclipse   rem   tle   编程   tree   对象   remote   

原文地址:https://www.cnblogs.com/jlfw/p/12640828.html

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