`
Kyll
  • 浏览: 104413 次
  • 性别: Icon_minigender_1
  • 来自: 长春
社区版块
存档分类
最新评论

HTML DOM 笔记

阅读更多
整个文档是一个文档节点。
每个 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 学习笔记

    DOM是一种处理HTML和XML文档的标准接口,它允许程序和脚本动态地访问和更新文档的内容、结构和样式。DOM将文档视为树结构,每个节点代表文档中的某个部分,如元素、属性或文本。 ### DOM选择器与节点操作 在第一个...

    JavaScript HTML DOM学习笔记.emmx

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

    javascript_使用DOM笔记1

    根据提供的文件信息,我们可以总结出以下几个关键的知识点: ### 一、获取HTML文档中的元素 在JavaScript中,可以通过...这些方法在实际开发中非常常见且实用,掌握它们将有助于更好地理解和使用JavaScript与DOM。

    javascript DOM笔记 1

    JavaScript DOM(Document Object Model)是用于操作HTML和XML文档的标准接口。它允许程序和脚本动态更新、添加或删除页面中的元素和属性。在本文中,我们将深入探讨一些关键的DOM操作,特别是与获取和操作元素及...

    DOM - 学习笔记

    文档对象模型(DOM)是JavaScript在浏览器环境中与HTML文档交互的核心机制。DOM是一种标准,它定义了HTML和XML文档的结构,并提供了编程接口,使得我们可以用脚本语言(如JavaScript)来操纵文档的内容、结构和样式...

    dom笔记1

    在"DOM笔记1"中,我们主要探讨了与CSS相关的DOM操作以及一些实际应用案例。 首先,我们要理解DOM中的三种基本节点类型:Element节点,Text节点和Comment节点。Element节点代表HTML元素,如`&lt;div&gt;`或`&lt;p&gt;`;Text节点...

    jsDom编程笔记01

    JavaScript DOM编程笔记主要涵盖了解析HTML文档生成DOM树、JavaScript与DOM交互以及DOM操作的核心技巧。DOM(Document Object Model)是HTML和XML文档的一种结构化表示,它将文档转化为一个节点树,允许JavaScript...

    前端学习(六)——javascript学习笔记(四)HTML DOM.xmind

    前端学习(六)——javascript学习笔记(四)HTML DOM.xmind

    JS基本功DOM学习笔记

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

    韩顺平老师笔记JS面向对象和dom编程笔记

    **JS面向对象编程** JavaScript(JS)是一种广泛用于网页和网络应用的脚本语言,它支持面向...结合韩顺平老师的笔记,这些概念和实践会帮助你深入理解JS面向对象编程和DOM编程,从而更好地构建交互丰富的Web应用程序。

    JavaScript_DOM_编程艺术读书笔记

    ### JavaScript DOM 编程艺术读书笔记关键知识点解析 #### 一、JavaScript简史与相关技术简介 - **XHTML(可扩展的超文本标记语言)**:这是一种更加严格、更加强大的HTML版本,旨在提高网页的可读性和可扩展性。 ...

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

    根据给定的文件信息,我们可以总结出一系列与DOM(Document Object Model)操作相关的知识点,主要集中在HTML元素的选择、样式修改以及动态元素创建等方面。以下是详细的知识点解析: ### 一、选择并修改DOM元素 #...

    韩顺平javascript笔记(最全整理 dom编程 oop 基础语法)

    再来谈谈DOM编程,DOM即Document Object Model,它是HTML和XML文档的标准表示,允许程序和脚本动态更新、添加、删除和改变元素和属性。JavaScript通过DOM API可以操作页面上的元素,例如通过`document....

    韩顺平 HTML网页 笔记

    5. **JavaScript交互**:2011韩顺平轻松搞定网页设计(html+css+js)之javascript现场授课笔记(完整版)涉及JavaScript基础,包括变量、数据类型、运算符、流程控制语句,以及事件处理和DOM操作。学习这部分内容可以...

    dom -canvas笔记

    **Canvas** 是 HTML5 中新增的一种用于图形渲染的元素,它提供了一种在网页上绘制图形的方法。Canvas 元素本身并不具备绘图能力,而是通过 JavaScript 来实现绘图功能。 #### 二、获取 Canvas 对象及设置宽高 1. *...

    DOM学习笔记

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

    JavaSript DOM总结笔记.rar

    在本篇总结笔记中,我们将深入探讨JavaScript与DOM的互动,包括查找、修改和添加网页元素。 1. **DOM基本概念** - DOM树:HTML文档被解析后形成一棵节点树,每个节点代表文档的一部分。 - 元素节点:HTML标签对应...

    js DOM学习笔记11

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

    dom启蒙读书笔记和测试代码

    《DOM启蒙》是一本深入解析DOM...总的来说,《DOM启蒙》读书笔记和测试代码是学习和实践JavaScript DOM操作的重要参考资料,通过阅读和实践,开发者可以更好地掌握如何利用DOM来构建动态、交互丰富的Web应用。

    javaScript DOM编程艺术2版学习笔记

    在这个学习笔记中,涵盖了从基础到高级的JavaScript和DOM操作技巧,一共涉及1~9章的内容。以下是对这些章节知识点的详细阐述: **第1章:JavaScript简介** 本章介绍了JavaScript的基本概念,包括它是一种解释型、弱...

Global site tag (gtag.js) - Google Analytics