整个文档是一个文档节点。
每个 HTML 标签是一个元素节点。
HTML 元素中包含的文本是文本节点。
注释是注释节点。
访问节点:
getElementById()
getElementsByTagName()
parentNode, firstChild, 和 lastChild 属性
document.documentElement 返回文档根节点
document.body 直接访问 <body> 标签
节点信息:
nodeName 可以是一个元素节点的标签名称, 一个属性节点的属性名称, 文本节点为 #text, 文档节点为 #document
nodeValue 可以是一个文本节点中包含的文本, 一个属性节点的属性值, 不可用与文档和元素节点
nodeType 节点类型
Element type
NodeType
Element |
1 |
Attribute |
2 |
Text |
3 |
Comment |
8 |
Document |
9 |
分享到:
相关推荐
DOM是一种处理HTML和XML文档的标准接口,它允许程序和脚本动态地访问和更新文档的内容、结构和样式。DOM将文档视为树结构,每个节点代表文档中的某个部分,如元素、属性或文本。 ### DOM选择器与节点操作 在第一个...
从菜鸟教程上学习的关于js的学习笔记,可以用于参考学习使用,脑图样式,浏览更方便,有需要的同学可以带走
根据提供的文件信息,我们可以总结出以下几个关键的知识点: ### 一、获取HTML文档中的元素 在JavaScript中,可以通过...这些方法在实际开发中非常常见且实用,掌握它们将有助于更好地理解和使用JavaScript与DOM。
JavaScript DOM(Document Object Model)是用于操作HTML和XML文档的标准接口。它允许程序和脚本动态更新、添加或删除页面中的元素和属性。在本文中,我们将深入探讨一些关键的DOM操作,特别是与获取和操作元素及...
文档对象模型(DOM)是JavaScript在浏览器环境中与HTML文档交互的核心机制。DOM是一种标准,它定义了HTML和XML文档的结构,并提供了编程接口,使得我们可以用脚本语言(如JavaScript)来操纵文档的内容、结构和样式...
在"DOM笔记1"中,我们主要探讨了与CSS相关的DOM操作以及一些实际应用案例。 首先,我们要理解DOM中的三种基本节点类型:Element节点,Text节点和Comment节点。Element节点代表HTML元素,如`<div>`或`<p>`;Text节点...
JavaScript DOM编程笔记主要涵盖了解析HTML文档生成DOM树、JavaScript与DOM交互以及DOM操作的核心技巧。DOM(Document Object Model)是HTML和XML文档的一种结构化表示,它将文档转化为一个节点树,允许JavaScript...
前端学习(六)——javascript学习笔记(四)HTML DOM.xmind
在JS基本功DOM学习笔记中,我们将深入探讨以下几个核心知识点: 1. **DOM树**:DOM将网页内容表示为一棵由节点构成的树形结构,其中每个节点代表HTML元素、属性、文本等。根节点通常是`document`,其他节点如`<div>...
**JS面向对象编程** JavaScript(JS)是一种广泛用于网页和网络应用的脚本语言,它支持面向...结合韩顺平老师的笔记,这些概念和实践会帮助你深入理解JS面向对象编程和DOM编程,从而更好地构建交互丰富的Web应用程序。
### JavaScript DOM 编程艺术读书笔记关键知识点解析 #### 一、JavaScript简史与相关技术简介 - **XHTML(可扩展的超文本标记语言)**:这是一种更加严格、更加强大的HTML版本,旨在提高网页的可读性和可扩展性。 ...
根据给定的文件信息,我们可以总结出一系列与DOM(Document Object Model)操作相关的知识点,主要集中在HTML元素的选择、样式修改以及动态元素创建等方面。以下是详细的知识点解析: ### 一、选择并修改DOM元素 #...
再来谈谈DOM编程,DOM即Document Object Model,它是HTML和XML文档的标准表示,允许程序和脚本动态更新、添加、删除和改变元素和属性。JavaScript通过DOM API可以操作页面上的元素,例如通过`document....
5. **JavaScript交互**:2011韩顺平轻松搞定网页设计(html+css+js)之javascript现场授课笔记(完整版)涉及JavaScript基础,包括变量、数据类型、运算符、流程控制语句,以及事件处理和DOM操作。学习这部分内容可以...
**Canvas** 是 HTML5 中新增的一种用于图形渲染的元素,它提供了一种在网页上绘制图形的方法。Canvas 元素本身并不具备绘图能力,而是通过 JavaScript 来实现绘图功能。 #### 二、获取 Canvas 对象及设置宽高 1. *...
**DOM学习笔记** DOM,全称为Document Object Model,是HTML和XML文档的一种标准表示方式,它将网页内容结构化为一个可编程的节点树。在DOM中,每个部分(如元素、属性、文本等)都有对应的对象,允许我们通过...
在本篇总结笔记中,我们将深入探讨JavaScript与DOM的互动,包括查找、修改和添加网页元素。 1. **DOM基本概念** - DOM树:HTML文档被解析后形成一棵节点树,每个节点代表文档的一部分。 - 元素节点:HTML标签对应...
JavaScript DOM 学习笔记 JavaScript DOM(Document Object Model)是 HTML 和 XML 文档的编程接口,它提供了一种访问和操作文档结构和内容的方式。DOM 将文档表示为一个树状结构,其中每个节点都代表文档中的一个...
《DOM启蒙》是一本深入解析DOM...总的来说,《DOM启蒙》读书笔记和测试代码是学习和实践JavaScript DOM操作的重要参考资料,通过阅读和实践,开发者可以更好地掌握如何利用DOM来构建动态、交互丰富的Web应用。
在这个学习笔记中,涵盖了从基础到高级的JavaScript和DOM操作技巧,一共涉及1~9章的内容。以下是对这些章节知识点的详细阐述: **第1章:JavaScript简介** 本章介绍了JavaScript的基本概念,包括它是一种解释型、弱...