`
idearye
  • 浏览: 5385 次
  • 性别: Icon_minigender_1
  • 来自: 北京
最近访客 更多访客>>
社区版块
存档分类
最新评论

DOM学习笔记(一)

DOM 
阅读更多

感谢www.w3school.com.cn网站提供了非常棒的学习材料!

 

DOM是Document Object Model的缩写,中文名叫“文档对象模型”。

 

HTML DOM定义了访问和操作HTML文档的标准方法。Javascript将HTML DOM作为工具添加、修改、移除、显示HTML文档页面上的各项目。

 

上段特意提到了HTML DOM,DOM其实可以分为Core DOM、XML DOM和HTML DOM。Core DOM定义了一套针对任何结构化文档的对象;XML DOM定义了一套针对XML文档的对象;HTML DOM则定义了一套针对HTML文档的对象。

 

DOM将HTML分成一个个的节点,即NODE。

 

DOM这样定义HTML的节点:

1、文档节点:整个HTML文档是一个文档节点

2、元素节点:每个HTML标签是一个元素节点,如<html>、<title>、<body>、<table>、<p>等

3、属性节点:每个HTML标签的属性是一个元素节点,如"<a>"标签的"href"属性

4、文本节点:每个HTML元素中的文本是一个文本节点

5、注释节点:每个HTML注释是一个注释节点

 

HTML所有节点构成一个节点树。这棵树起始于最高级别“文档节点”,止于最低级别的”文本节点“。

 

节点树示例图见附件

 

节点之间有两种常见的关系:

1、父节点:除”文档节点“以外,所有节点均有父节点,比如<head>的父节点就是<html>

2、子节点:大部分节点都有子节点,比如<html>的子节点包括<head>和<body>

 

 

  • 大小: 41.8 KB
分享到:
评论

相关推荐

    JavaScript HTML DOM学习笔记.emmx

    从菜鸟教程上学习的关于js的学习笔记,可以用于参考学习使用,脑图样式,浏览更方便,有需要的同学可以带走

    传播智客扬中科老师讲的DOM 学习笔记

    这一过程涉及了`insertRow`和`insertCell`方法的使用,展示了如何动态创建和插入DOM节点。 ### 动态生成DOM节点 第二个示例中,`createElement`方法被用来创建新的`&lt;tr&gt;`和`&lt;td&gt;`节点,然后将它们添加到DOM树中。...

    JS基本功DOM学习笔记

    在JS基本功DOM学习笔记中,我们将深入探讨以下几个核心知识点: 1. **DOM树**:DOM将网页内容表示为一棵由节点构成的树形结构,其中每个节点代表HTML元素、属性、文本等。根节点通常是`document`,其他节点如`&lt;div&gt;...

    韩顺平javascript 韩顺平js-DOM学习笔记

    韩顺平js-DOM学习笔记

    js DOM学习笔记11

    JavaScript DOM 学习笔记 JavaScript DOM(Document Object Model)是 HTML 和 XML 文档的编程接口,它提供了一种访问和操作文档结构和内容的方式。DOM 将文档表示为一个树状结构,其中每个节点都代表文档中的一个...

    Dom4j学习笔记

    **标题解析:** "Dom4j学习笔记" 这个标题明确指出了我们要探讨的主题——Dom4j。Dom4j是一个流行的Java库,用于处理XML文档。它提供了丰富的API,使得XML的读取、写入、操作变得简单易行。在学习笔记中,通常会涵盖...

    dom编程学习笔记.pdf

    dom编程学习笔记.pdf

    DOM学习笔记

    **DOM学习笔记** DOM,全称为Document Object Model,是HTML和XML文档的一种标准表示方式,它将网页内容结构化为一个可编程的节点树。在DOM中,每个部分(如元素、属性、文本等)都有对应的对象,允许我们通过...

    杨中科 传智播客 DOM 学习笔记

    根据给定的文件信息,我们可以总结出一系列与DOM(Document Object Model)操作、JavaScript事件处理以及浏览器窗口操作相关的IT知识点。以下是对这些知识点的详细解释: ### 1. DOM Event Handling(DOM事件处理)...

    传播智客杨中科DOM51-60学习笔记

    ### 一、选择并修改DOM元素 #### 1.1 直接修改元素属性 在示例代码中,我们看到通过`getElementById`方法选取了ID为`div1`的`&lt;div&gt;`元素,并通过修改其`style`属性中的`width`和`height`值来改变其大小。具体实现...

    DOM - 学习笔记

    Window对象是DOM中的一个重要组成部分,它提供了很多方法和属性,如`alert()`用于弹出对话框,`open()`用于打开新的窗口,`location`用于获取或改变页面URL,`history`用于管理浏览历史,`screen`提供了关于用户屏幕...

    XML DOM4J学习笔记

    本篇笔记将深入探讨XML DOM4J的学习要点。 一、XML基础知识 1. XML结构:XML文档由元素(Element)、属性(Attribute)、文本内容(Text)、注释(Comment)等组成。每个XML文档都有一个根元素,其他元素嵌套在根...

    比较详细的javascript DOM 学习笔记第1 2页.docx

    ### JavaScript DOM 学习笔记知识点总结 #### 一、DOM基础概述 DOM(Document Object Model)文档对象模型是一种处理可扩展标记语言的标准编程接口。它提供了结构化文档(如HTML和XML)的标准方法来访问、修改文档...

    Dom编程学习笔记

    韩顺平老师的javascript之dom编程的笔记

    dom4j 学习笔记

    **DOM4J学习笔记** DOM4J是一个强大的Java XML API,它提供了丰富的XML处理功能,包括文档构建、解析、修改和查询。作为一个开源项目,DOM4J在XML处理领域具有广泛的用户基础,因其简单易用和高效性能而备受青睐。...

    DOM4J学习笔记

    DOM4J的学习笔记主要涵盖以下几个核心知识点: 1. **DOM4J概述**: DOM4J是一个开源项目,其设计目标是提供一个简单且功能丰富的XML API,它既支持SAX和DOM,又引入了面向对象的设计,使得XML处理更加方便。DOM4J...

    dom4j学习笔记

    **DOM4J学习笔记** DOM4J是一个Java库,它提供了强大的XML处理功能,包括解析、操作和生成XML文档。这个库是开源的,广泛应用于Java应用程序中,特别是在需要处理XML数据时。DOM4J的设计目标是易于使用,同时保持高...

    jQury-DOM篇学习笔记

    jQuery DOM篇的学习主要涵盖了解DOM(Document Object Model)节点的创建、插入、删除以及相关的操作方法。DOM是HTML和XML文档的结构化表示,通过DOM,我们可以方便地访问和修改文档内容。 首先,jQuery提供了简便...

Global site tag (gtag.js) - Google Analytics