文档对象模型 DOM DOM 是 JavaScript 操作网页的接口, 全称为“文档对象模型”(Document Object Model). 作用是将网页转为一个 JavaScript 对象,从而可以用脚本进行各种操作(比如增删内容) 浏览器会根据 DOM 模型,将结构化文档(比如 HTML 和 XML)解析成一系列的节点, 再由这些节点组成一个树状结构(DOM Tree).所有的节点和最终的树状结构,都有规范的对外接口. DOM 只是一个接口规范,可以用各种语言实现. 节点 DOM 的最小…
在文档对象模型中,每个结点都是一个对象.DOM结点有三个重要的属性:nodeName .nodeValue和nodeType,分别表示结点名称.结点的值和结点的类型 一.nodeName,结点名称,只读1. 元素节点的 nodeName 是标签名2. 属性节点的 nodeName 是属性名3. 文本节点的 nodeName 永远是 #text4. 文档节点的 nodeName 永远是 #document 二.nodeValue,结点的值1. 元素节点的 nodeValue 是 undefined…
有俩种方式操作结点的属性. 首先我们需要先获取所要操作的结点元素: var uname=document.getElementById("uname"); var gan=uname.getAttribute("value"); var gat=uname.getAttribute("type"); 俩种方法获取结点元素,根据获取的结点元素,在去操作元素的属性. //操作属性的方式一 uname.type="button";…
1 DOM概述 1.1 什么是DOM 文档对象模型 Document Object Model 文档对象模型 是表示和操作 HTML和XML文档内容的基础API 文档对象模型,是W3C组织推荐的处理可扩展标志语言的标准编程接口 1.2 DOM分类 核心 DOM - 针对任何结构化文档的标准模型 XML DOM - 针对 XML 文档的标准模型 HTML DOM - 针对 HTML 文档的标准模型 1.3 DOM分级 1级dom 1级DOM在1998年10月份成为W3C的提议,由DOM核心与DOM…
文档对象模型(Document Object Model,简称DOM),是W3C组织推荐的处理可扩展标记语言(HTML或XML)的标准编程接口. W3C已经定义了一系列DOM接口,通过这些DOM接口可以改变网页的内容.结构和样式. 1.对于JavaScript,为了能够使JavaScript操作HTML,JavaScript就有了一套自己的dom编程接口: 2.对于HTML,dom使html形成一颗dom树,包含文档.元素.节点. 文档:整个页面就是一个文档: 元素:页面中所有的标签都叫做元素:…
首先看一下DOM树结构: 每个节点都是一个对象,拥有方法和属性. 脚本可以访问以及更新DOM树(不是源代码). 针对DOM树的修改都会反映到浏览器. 访问并更新DOM树需要两个步骤:   一.定位到与需要操作的元素所对应的节点 访问元素的相关方法和属性 1.选择单个元素节点方法 (1) getElementById() //使用元素的id属性(在页面中应是唯一) (2) querySelector() //使用css选择器,返回第一个匹配的元素 (3) 通过使用在DOM树中从第一个元素遍历到另一…
一直没注意到这个坑,今天看<你不知道的 JavaScript>中提到了,今后需要注意. <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <body> <div id="foo"></div> <script type=&quo…
从NodeList中选择元素 方法一:item()方法,用于返回其中的单一节点,需要在方法的参数中指定所需元素的索引编号. 当其中没有任何元素时,执行代码是对资源的浪费.因此程序员会在执行代码之前,先检查一下在NodeList中是否至少包含一个节点. 可以使用length方法来实现.举例如下: var elements = document.getElementsByClassName('hot'); if(elements.length>=0){ var firstItem = element…
摘抄自:http://www.imooc.com/code/1589 nodeName 属性: 节点的名称,是只读的. 1. 元素节点的 nodeName 与标签名相同 2. 属性节点的 nodeName 是属性的名称 3. 文本节点的 nodeName 永远是 #text 4. 文档节点的 nodeName 永远是 #document nodeValue 属性:节点的值 1. 元素节点的 nodeValue 是 undefined 或 null 2. 文本节点的 nodeValue 是文本自身…
在 HTML DOM (文档对象模型)中,每个部分都是节点. 节点是DOM结构中最基本的组成单元,每一个HTML标签都是DOM结构的节点. 文档是一个    文档节点 . 所有的HTML元素都是    元素节点 所有 HTML 属性都是    属性节点 文本插入到 HTML 元素是    文本节点 注释是    注释节点. 最基本的节点类型是Node类型,其他所有类型都继承自Node,DOM操作往往是js中开销最大的部分,因而NodeList导致的问题最多.要注意:NodeList是'动态的',…