认识DOM

作者: LvyCode | 来源:发表于2017-02-07 14:55 被阅读12次

文档对象模型DOM（Document Object Model）定义访问和处理HTML文档的标准方法。DOM 将HTML文档呈现为带有元素、属性和文本的树结构（节点树）。

先来看看下面代码:

将HTML代码分解为DOM

节点层次图:

HTML文档可以说由节点构成的集合，三种常见的DOM节点:

1. 元素节点：上图中<html>、<body>、<p>等都是元素节点，即标签。

2. 文本节点:向用户展示的内容，如<li>...</li>中的JavaScript、DOM、CSS等文本。

看下面代码:

<a href = "http://www.imooc.com">JavaScript DOM</a>

认识dom
题目1： dom对象的innerText和innerHTML有什么区别？ innerText：是一个可写属性，返回...
dom认识
什么是dom? DOM（文本对象模型）是表示和操作HTML和XML文档内容的基础API。文档DOM表示的数状图：...
认识DOM
文档对象模型DOM（Document Object Model）定义访问和处理HTML文档的标准方法。DOM 将H...
JavaScript DOM操作及jQuery框架用法
Date: 2018/10/2 1. 认识DOM 1.1 什么是DOM DOM（Document Object M...
事件流
DOM级别与DOM事件首先在介绍DOM事件之前我们先来认识下DOM的不同级别。针对不同级别的DOM，我们的DOM...
认识 HTML DOM
目录一、HTML DOM 树 1. HTML DOM 树 2. 节点二、常用 DOM 对象属性与方法 1. 方...
【vue3源码】十二、认识虚拟DOM
【vue3源码】十二、认识虚拟DOM 什么是虚拟DOM？虚拟DOM（也可以称为vnode）描述了一个真实的DOM...
JavaScript与DOM
认识DOM DOM的英文全称是Document Object Model，即文档对象模型，DOM的作用在于它能够在...
《DOM探索之基础详解篇》笔记
慕课网 DOM探索之基础详解篇学习笔记一、认识DOM DOM 提供了用程序来动态控制HTML的接口。 DOM级...
《锋利的jQuery》学习笔记一
第1章认识jQuery jQuery对象转成DOM对象 DOM对象转成jQuery对象 is(":checked...