DOM(document object model)文档对象模型

DOM是文档对象，它是把整个页面封装成一个对象。页面是由很多节点组成的，节点又包括元素，属性，文本。获取页面元素的方式有三种。

第一： getElementById，通过Id值来获取整个标签的所有属性。

第二： getElementsByTagName，通过标签名值来获取整个标签的所有属性，它获得元素会以数组方式存在，你要取用时，要用数组的方法取。

第三： getElementsByClassName，通过类名来获取整个标签的所有属性，它获得元素会以数组方式存在，你要取用时，要用数组的方法取，但他在数组中显示的和第二种有点不一样，它是一个标签名带一个类名当做一个数组值，这种兼容性太强，一般很少用。

事件：就是文档或浏览器窗口发生的一些特定交互瞬间，它有三要素：事件源，事件名称，事件处理程序。注册事件有两种，行内式，内嵌式。on是注册事件。

第一种行内式：

第二种是内嵌式：

阻止a的跳转我们可以用return false。

获取页面文本的api有两种：innerText ,innerHTML.

１.　使用innerText与innerHTML都可以获得页面元素之间的内容

２. 不同的是innerText只会获取文本信息，而innerHTML会将标签之间的标签也获取而，而且是原样输出

innerText在早期的火狐浏览器中是不支持的，早期的火狐浏览器只支持textContent,新版本的火狐浏览器两者都支持。

innerText设置的时候，会原样输出，

因为innerText会将程序中的大于号，小于号转义了

而innerHTML会将里面的标签渲染成正常的HTML标签显示出来

时间： 2024-08-08 05:35:41

DOM(document object model)文档对象模型的相关文章

Document Object Model 文档对象模型

===DOM==== 一组API. 作用: 1.修改标签属性 2.增加删除html文本中的标签操作: 1.查找方式1:使用id或者标签名,查找节点 document.getElementById("id值"); document.getElementsByTagName("标签名"); 方式2:遍历 parentNode:父节点 previousSibling:前一个兄弟节点 nextSibling:后一个兄弟节点 childNodes:孩子节点,返回数组 fi

JS--dom对象：document object model文档对象模型

dom对象:document object model文档对象模型文档:超文本标记文档 html xml 对象:提供了属性和方法模型:使用属性和方法操作超文本标记性文档可以使用js里面的DOM提供的对象,使用这些对象的属性和方法,对标记性文档进行操作想要对标记性文档进行操作,首先需要对标记性文档里面的所有内容封装成对象对HTML 标签属性文本内容都封装为对象要想对标记性文档进行操作,解析标记性文档 --使用DOM解析HTML过程根据HTML的层级结构,在内存中分配一个树形结构,

DOM - Document Object Model

Document Object Model

XML DOM (Document Object Model) 定义了访问和操作 XML 文档的标准方法。

XML DOM DOM 把 XML 文档视为一种树结构.通过这个 DOM 树,可以访问所有的元素.可以修改它们的内容(文本以及属性),而且可以创建新的元素.元素,以及它们的文本和属性,均被视为节点. 在本教程的较早章节中,我们介绍了 XML DOM,并使用了 XML DOM 的 getElementsByTagName() 从 DOM 树中取回数据. 在本节中,我们将讲解一些其他较常用的 XML DOM 方法.在本例中,我们使用 XML 文件 books.xml,并使用一个 JavaScript

js基础，DOM 文档对象模型

DOM 文档对象模型 DOM (document object model) 文档对象模型,它定义了操作文档对象的接口. DOM 把一份html文档表示为一棵家谱树,使用parent(父), child(子), sibling(兄弟)等记号来表明家庭成员之间的关系. 一.节点节点(node) 一词来自于网络理论,这代表着网络中一个个的连接点,网络是由节点构成的. 对于html文档也是一样,文档是由节点构成的集合. 1.元素节点元素节点如 <body> <p> <div&

005_01文档对象模型DOM

DOM:document object model 文档对象模型.是W3C织制订的一套用于访问XML和HTML文档的标准.允许脚本动态地访问和更新文档的内容.结构和样式. W3C DOM 标准被分为 3 个不同的部分: 核心 DOM - 针对任何结构化文档的标准模型 XML DOM - 针对 XML 文档的标准模型 HTML DOM - 针对 HTML 文档的标准模型左边为HTML文档树,右边为结构树示意图 XML DOM 定义了访问和处理 XML 文档的标准方法. HTML文档格式符合X

JavaScript学习笔记7 之DOM文档对象模型

一.什么是DOMDocument Object Model 文档 -------对象 ----模型-------缩写DOM DOM是针对HTML和XML文档的一个API(应用程序编程接口).DOM描绘了一个层次化的节点树,允许开发人员添加.移除和修改页面的某一部分.DOM树中的所有节点均可通过JS进行访问.所有HTML元素(节点)均可被修改.创建或删除. 二.节点类型1.节点类型 HTML 文档中的所有内容都是节点(node): 整个文档是一个文档节点每个 HTML 元素是元素节点HTML 元素

Document Object Model

1. DOM => Document Object Model(文档对象模型); DOM是一个树形结构;由Node\Element(节点\元素)构成;2.Node\Element; element.id\element.className\element.value\.... element.tagName\element.nodeName => 元素的标签名; element.nodeType; => 元素的类型; Element(1); => 元素; Attbribute(2)

Document类型[第10章-文档对象模型DOM 笔记2]

Document 类型 JavaScript 通过 Document 类型表示文档.在浏览器中, document 对象是 HTMLDocument (继承自 Document 类型)的一个实例,表示整个 HTML 页面.而且, document 对象是 window 对象的一个属性,因此可以将其作为全局对象来访问. Document 类型可以表示 HTML 页面或者其他基于 XML 的文档.不过,最常见的应用还是作为HTMLDocument 实例的 document 对象.通过这个文档对象,不