HTML DOM学习之一
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学习之一的更多相关文章
- 前端基础-BOM和DOM学习
JavaScript分为 ECMAScript,BOM,DOM. BOM:是指浏览器对象模型,使JavaScript有能力与浏览器进行对象. DOM:是指文档对象模型,通过它,可以访问HTML文档的所 ...
- HTML DOM 学习
HTML DOM 学习 By: Mirror王宇阳 E-mail:2821319009@qq.com 博客主页:https://www.cnblogs.com/wangyuyang1016/ DOM ...
- JavaScript DOM学习总结（一）
DOM 什么是DOM?简单地说DOM是一套对文档内容进行抽象和概念化的方法. W3C给出的DOM定义是这样的:"一个与系统平台和编程语言无关的接口,程序和脚本以通过这个接口动态的访问和修 ...
- Js dom 学习
节点类型 文档节点: 一棵DOM树的顶端是文档节点,它呈现为整个页面(相当于document对象),当需要访问任何元素.属性或文本节点时,都需要通过文档节点来进行导航.(document.) 元素节点 ...
- Dom学习笔记
今天老师出了一道面试题目:取到表单里面的textbox的值,两种方法.知道一种,老师说的什么dom,我竟然不知道. 以前学html的时候,老师也重来没有提到dom的概念.javaScript只是学了一 ...
- JavaScript DOM学习总结（二）
获取和设置属性 DOM实在是个好东西,掌握了它我们不仅可以在JavaScript中使用,其它程序语言我们同样可以使用. 接下来就一起使用DOM来干些实事吧! 1.getAttribute getAtt ...
- JS DOM学习笔记
1.window对象代表当前浏览器窗口 2.使用window对象的属性.方法的时候可以省略window.例如:window.alert("hello")一般写成alert(&quo ...
- HTML DOM学习之三
1.创建新的HTML元素:appendChild(); 如需向HTML DOM添加元素,首先必须创建该元素,然后把它追加到已有的元素上: <div id="div1"> ...
- HTML DOM学习之二
1.HTML DOM属性: **innerHTML属性-获取元素内容的最简单方法是使用innerHTML属性,innerHTML属性对于获取或替换HTML元素的内容很有用 <html> & ...
随机推荐
- 【编程题目】输入一个单向链表，输出该链表中倒数第 k 个结点
第 13 题(链表):题目:输入一个单向链表,输出该链表中倒数第 k 个结点.链表的倒数第 0 个结点为链表的尾指针.链表结点定义如下: struct ListNode {int m_nKey;Lis ...
- 【Git】参与github上其他人的项目
来源:廖雪峰 访问感兴趣的项目主页.,点“Fork”就在自己的账号下克隆了该项目仓库,然后,从自己的账号下clone到本地,就可以工作啦~ 以bootstrap项目为例,这个关系如下图所示: 一定要从 ...
- 【Git】笔记4 分支管理1
1.创建与合并分支 一开始的时候,master分支是一条线,Git用master指向最新的提交,再用HEAD指向master,就能确定当前分支,以及当前分支的提交点: 每次提交,master分支都会向 ...
- [Python] dir() 与 __dict__，__slots__ 的区别
首先需要知道的是,dir() 是 Python 提供的一个 API 函数,dir() 函数会自动寻找一个对象的所有属性,包括搜索 __dict__ 中列出的属性. 不是所有的对象都有 __dict__ ...
- HDU 5881 Tea -2016 ICPC 青岛赛区网络赛
题目链接 题意:有一壶水, 体积在 L和 R之间, 有两个杯子, 你要把水倒到两个杯子里面, 使得杯子水体积几乎相同(体积的差值小于等于1), 并且使得壶里剩下水体积不大于1. 你无法测量壶里剩下水的 ...
- 51nod 1116 K进制下的大数 (暴力枚举)
题目链接 题意:中文题. 题解:暴力枚举. #include <iostream> #include <cstring> using namespace std; ; ; ch ...
- [Android Pro] APK
svn updatesvn status ls -alsvn log --limit 8 > RELEASE_NOTE.txt cat RELEASE_NOTE.txt chmod a+x gr ...
- ROW_NUMBER()函数的使用
SQL Server数据库ROW_NUMBER()函数的使用是本文我们要介绍的内容,接下来我们就通过几个实例来一一介绍ROW_NUMBER()函数的使用. 实例如下: .使用row_number()函 ...
- MVC – 7.Razor 语法
7.1 Razor视图引擎语法 Razor通过理解标记的结构来实现代码和标记之间的顺畅切换. @核心转换字符,用来 标记-代码 的转换字符串. 语境A: @{ string rootName=&quo ...
- Delphi开发中各种文件扩展名代表什么文件
暂时就遇到了以下这几种,以后遇到再进行补充 .DPR Delphi Project文件,打开这个文件,就会打开所有的编程的代码文件.包含了Pascal代码 .PAS Pascal文件,Pascal单元 ...