一、什么是DOM DOM的全称是Document Object Model(文档对象模型),又称为文档树模型,是一套操作HTML和XML文档的API(应用程序接口)。其中“D”指的是document(文档),也可以理解成浏览器的页面,“O”指的是object(对象),对象包括属性和方法,“M”指的是 ...
分类:
其他好文 时间:
2016-09-21 20:03:48
阅读次数:
158
1.1. 基本概念 1.1.1. DOM DOM Document Object Model 文档对象模型 就是把HTML文档模型化,当作对象来处理 DOM提供的一系列属性和方法可以视作一个工具箱,极大地方便了我们对文档的处理。 1.1.2. 内容概念 文档(Document):就是指HTML或者X ...
分类:
编程语言 时间:
2016-09-15 20:25:55
阅读次数:
206
DOM 查找元素 1、直接查找 2、间接查找 标注: 间接查找分为了节点查找和标签元素查找: 节点:包含标签中的所有内容,你的标签会被当做内容,你的回车符也会当做内容一部分; 标签元素: 仅查找标签,标签外的纯文本及换行符等,不被查找。 DOM 操作 1、内容 2、属性 3、class操作 4、标签 ...
分类:
其他好文 时间:
2016-08-25 23:40:21
阅读次数:
196
前言 DOM 是 Document Object Model(文档对象模型)的缩写,定义了访问和操作 HTML 文档的标准方法。DOM把网页和脚本以及其他的编程语言联系了起来。DOM属于浏览器,而不是JavaScript语言规范里的规定的核心内容。 DOM 将 HTML 文档表达为树结构。 DOM中 ...
分类:
编程语言 时间:
2016-08-25 20:31:10
阅读次数:
196
1 JS-DOM 全称:document object model 1.1 获取页面元素 getElementsByTagName():无论元素的数量是多少,都会存入数组 getElementById(): getElemnetsByClassName():不推荐使用,有兼容问题。 1.2 标签的自 ...
分类:
Web程序 时间:
2016-08-12 00:51:36
阅读次数:
343
对于DOM来说,知识点其实并不多,要理解DOM并不难,难的是会用。可能有的人看见DOM获取元素要这么长一串单词就觉得生无可恋了。不过说实在的,如果你能理解他的意思跟用法。而且稍微再有点英语基础的话,DOM其实还是很简单的。而对于觉得自己英语不好的人来说,不用想了,多打代码是你唯一的出路,程序员练得就 ...
分类:
其他好文 时间:
2016-08-09 00:04:14
阅读次数:
228
在我之前写的DOM基础(一)的文章中提到过兼容性的问题,也就是在获取标签间文本信息的时候,早期的火狐版本是不支持innerText的,只支持textContent ,现在的火狐浏览器两者都支持。而IE老版本,也是IE8之前的版本,包括IE8是不支持textContent的,只支持innerText。 ...
分类:
其他好文 时间:
2016-08-08 00:40:41
阅读次数:
163
DOM的定义 document object model 是将整个页面文档封装成了一个对象,就是一个文档对象学习DOM,就是学习一些操作页面元素的API(对象的方法) 整个页面就是一个文档,是由很多的节点组成的 节点又包括三部分: 元素 属性 文本 获取页面元素三种方法: document.getE ...
分类:
其他好文 时间:
2016-08-06 01:51:32
阅读次数:
214
在我们刚刚学JavaScript的时候,就应该听说过,JavaScript是由三部分组成的。分别是ECMAScript,DOM和BOM组成的。ECMAScript是JavaScript的核心,它描述了JavaScript的基本语法和对象,DOM则是描述了处理网页内容的方法和接口,而BOM描述了与浏览 ...
分类:
其他好文 时间:
2016-08-05 23:08:22
阅读次数:
411
使用DOM,最重要的是快速有效的检索节点 dojo/query模块检索一个节点列表,支持CSS3的选择器 一、查询 比如以下html: dojo代码如下: 类似于css的选择器, 查询总是返回一个数组 也可以通过类名来检索节点 二、限制查询 在所有的dom中限制结果 在指定的dom节点中限制范围 如 ...
分类:
其他好文 时间:
2016-07-28 16:20:52
阅读次数:
193