1.HTML DOM定义了访问和操作HTML文档的标准方法：DOM以树型结构表达了HTML文档；

2.DOM是W3C的标准，定义了访问HTML和XML文档的标准：

DOM（文档对象模型）是中立于平台和语言的接口，它允许程序和脚本动态地访问和更新文档的内容，结构和样式；

3.DOM标准分为3个不同的部分：

**核心 DOM：针对任何结构化文档的标准模型；

**XML DOM：针对XML文档的标准模型；

**HTML DOM：针对HTML文档标准模型；

4.XML DOM：定义了所有XML元素的对象和属性，以及访问它们的方法；

5.HTML DOM：关于如何获取，修改，添加或删除HTML元素的标准；

6.HTML DOM节点：在HTML DOM中，所有事物都是节点。DOM是被视为节点树的HTML

**整个文档是一个文档节点

**每个HTML元素是元素节点

**HTML元素内的文本是文本节点

**每个HTML属性是属性节点

**注释是注释节点

7.节点父，子和同胞：节点树的节点彼此拥有层级关系；

**父，子和同胞等术语用于描述这些关系；

**每一个节点都有父节点，除了根它没有（父节点）；

**一个节点可拥有任意数量的子；

**同胞是拥有相同父节点的节点；

8.例如：

<html>

<head>

　　<title>DOM Tutorial</title>

</head>

<body>

　　<h1>DOM Lesson one</h1>

　　<p>Hello world!</p>

</body>

</html>

**<html>节点没有父节点；它是根节点

**<head>和<body>的父节点是<html>节点

**文本节点"Hello world!"的父节点是<p>节点

9.HTML DOM方法：方法是我们可以在节点(HTML元素)上执行的动作：

(1)编程接口：

**可通过JavaScript（以及其他编程语言）对HTML DOM进行访问；

**所有HTML元素被定义为对象，而编程接口则是对象方法和对象属性；

**方法是您能够执行的动作（比如添加或修改元素）

**属性是能够获取或设置的值（比如节点的名称或内容）

(2)getElementById()方法：返回带有指定ID的元素

var element=document.getElementById("intro");

10.HTML对象-方法：

**getElementById(id)-获取带有指定id的节点（元素）

**getElementByTagName()-返回包含带有指定标签名称的所有元素的节点列表（集合/节点数组）

**getElementByClassName()-返回包含带有类名的所有元素的节点列表

**appendChild(node)-插入新的子节点

**removeChild(node)-删除子节点

**replaceChild()-替换子节点

**insertBefore()-在指定的子节点前面插入新的子节点

**createAttribute()-创建属性节点

**createElement()-创建元素节点

**createTextNode()-创建文本节点

**getAttribute()-返回指定的属性值

**setAttribute()-把指定属性设置或修改为指定的值

11.HTML DOM对象的属性：

**innerHTML-节点（元素）的文本值

**parentNode-节点（元素）的父节点

**childNodes-节点（元素）的子节点

**attributes-节点（元素）的属性节点

HTML DOM学习之一的更多相关文章

  1. 前端基础-BOM和DOM学习

    JavaScript分为 ECMAScript,BOM,DOM. BOM:是指浏览器对象模型,使JavaScript有能力与浏览器进行对象. DOM:是指文档对象模型,通过它,可以访问HTML文档的所 ...

  2. HTML DOM 学习

    HTML DOM 学习 By: Mirror王宇阳 E-mail:2821319009@qq.com 博客主页:https://www.cnblogs.com/wangyuyang1016/ DOM ...

  3. JavaScript DOM学习总结（一）

    DOM 什么是DOM?简单地说DOM是一套对文档内容进行抽象和概念化的方法.   W3C给出的DOM定义是这样的:"一个与系统平台和编程语言无关的接口,程序和脚本以通过这个接口动态的访问和修 ...

  4. Js dom 学习

    节点类型 文档节点: 一棵DOM树的顶端是文档节点,它呈现为整个页面(相当于document对象),当需要访问任何元素.属性或文本节点时,都需要通过文档节点来进行导航.(document.) 元素节点 ...

  5. Dom学习笔记

    今天老师出了一道面试题目:取到表单里面的textbox的值,两种方法.知道一种,老师说的什么dom,我竟然不知道. 以前学html的时候,老师也重来没有提到dom的概念.javaScript只是学了一 ...

  6. JavaScript DOM学习总结（二）

    获取和设置属性 DOM实在是个好东西,掌握了它我们不仅可以在JavaScript中使用,其它程序语言我们同样可以使用. 接下来就一起使用DOM来干些实事吧! 1.getAttribute getAtt ...

  7. JS DOM学习笔记

    1.window对象代表当前浏览器窗口 2.使用window对象的属性.方法的时候可以省略window.例如:window.alert("hello")一般写成alert(&quo ...

  8. HTML DOM学习之三

    1.创建新的HTML元素:appendChild(); 如需向HTML DOM添加元素,首先必须创建该元素,然后把它追加到已有的元素上: <div id="div1"> ...

  9. HTML DOM学习之二

    1.HTML DOM属性: **innerHTML属性-获取元素内容的最简单方法是使用innerHTML属性,innerHTML属性对于获取或替换HTML元素的内容很有用 <html> & ...

随机推荐

  1. VC++ 之常见内存异常值

    0 VC++ 常见的内存异常值 * 0xcccccccc : Used by Microsoft's C++ Debugging runtime library to mark uninitialis ...

  2. php数据访问（修改）

    修改:跟添加相似,需要显示默认值 先嵌入php代码  查询数据库 $code = $_GET["c"]; $db = new MySQLi("localhost" ...

  3. XMPP框架下微信项目总结（5）花名册获取(好友列表)

    ---->概念 ---->添加花名册 ps:添加花名册,启动: 客户端发送请求到服务器获取好友列表信息,同时在项目中创建数据表,并保存好友列表到数据表中. ---->获取服务器保存好 ...

  4. Java Web基础——Action+Service +Dao三层的功能划分

    1. Action/Service/DAO简介: Action是管理业务(Service)调度和管理跳转的. Service是管理具体的功能的. Action只负责管理,而Service负责实施. D ...

  5. 整理 iOS 9 适配中出现的坑（图文）（转）

    作者:董铂然 本文主要是说一些iOS9适配中出现的坑,如果只是要单纯的了解iOS9新特性可以看瞄神的开发者所需要知道的 iOS 9 SDK 新特性.9月17日凌晨,苹果给用户推送了iOS9正式版,随着 ...

  6. js 闭包原理理解

    问题?什么是js(JavaScript)的闭包原理,有什么作用? 一.定义 官方解释:闭包是一个拥有许多变量和绑定了这些变量的环境的表达式(通常是一个函数),因而这些变量也是该表达式的一部分. 很显然 ...

  7. CLR via C#(18)——Enum

    1. Enum定义 枚举类型是经常用的一种“名称/值”的形式,例如: public enum FeedbackStatus     {         New,         Processing, ...

  8. CLR via C#（12）-委托Delegate

    本来按照进度应该学习事件了,可总觉得应该委托在前,事件在后,才好理解. 委托是一个类,它提供了回调函数机制,而且是类型安全的.使用委托可以将方法当作另一个方法的参数来进行传递,这种将方法动态地赋给参数 ...

  9. javascript - 事件详解

    一.事件流 1.事件流 描述的是在页面中接受事件的顺序 2.事件冒泡 由最具体的元素接收,然后逐级向上传播至最不具体的元素的节点 (最具体 –> 最不具体) 3.事件捕获 最不具体的节点先接收事 ...

  10. SQL高级查询技巧（两次JOIN同一个表，自包含JOIN，不等JOIN）

    掌握了这些,就比较高级啦 Using the Same Table Twice 如下面查询中的branch字段 SELECT a.account_id, e.emp_id, b_a.name open ...