文章分类 - js
摘要：DOM1级主要定义的还是HTML的地层结构，DOM2和DOM3级则在这个结构的基础上引入了更多的交互能力。为此，DOM2和DOM3级分为许多模块，分别描述了DOM的某个非常具体的子集。 DOM2核心：为节点添加了更多方法和属性 DOM2视图：为文档定义了基于样式信息的不同视图 DOM2事件：说明了如
阅读全文
摘要：DOM（文档对象模型）是针对HTML和XML文档的一个API，描绘了一个层次化的节点树。DOM可以将任何HTML或XML文档描绘成一个由多层节点构成的结构。节点分为几种不同的类型。 文档节点是每个文档的根节点。html元素为文档元素。 文档元素是文档的最外层元素 文档中的其他所有元素都包含在文档元素
阅读全文
摘要：关键字简介示例代码 appendChild 追加节点 示例代码 insertBefore 在前方插入节点 示例代码 练习-动态加载js 示例代码 答案-动态加载js 示例代码 追加节点 在前方插入节点 练习-动态加载js 答案-动态加载js 示例 1 : 追加节点 示例 2 : 在前方插入节点 示例
阅读全文
摘要：关键字简介示例代码 replaceChild 替换节点 示例代码 替换节点 示例 1 : 替换节点 提问 与删除节点一样，替换节点也需要先获取父节点，然后通过父节点替换子节点。 1. 获取父节点 2. 创建子节点 3. 获取被替换子节点 4. 通过replaceChild进行替换 注: replac
阅读全文
摘要：关键字简介示例代码 createElement 创建元素节点 示例代码 createTextNode 创建文本节点 示例代码 createAttribute 创建属性节点 示例代码 练习-动态创建一个表 示例代码 答案-动态创建一个表 示例代码 创建元素节点 创建文本节点 创建属性节点 练习-动态创
阅读全文
摘要：关键字简介示例代码 removeChild 删除元素节点 示例代码 removeAttribute 删除属性节点 示例代码 removeChild 删除文本节点 示例代码 删除元素节点 删除属性节点 删除文本节点 示例 1 : 删除元素节点 示例 2 : 删除属性节点 示例 3 : 删除文本节点 示
阅读全文
摘要：关键字简介示例代码 nodeName 节点名称 示例代码 nodeValue 节点值 示例代码 nodeType 节点类型 示例代码 innerHTML 元素的文本内容 示例代码 idvalueclassName 元素上的属性 示例代码 练习-验证账号是否已经存在 示例代码 答案-验证账号是否已经存
阅读全文
摘要：关键字简介示例代码 document.getElementById 通过id获取元素节点 示例代码 getElementsByTagName 通过标签名称获取元素节点 示例代码 getElementsByClassName 通过类名获取元素节点 示例代码 getElementsByName 通过表单
阅读全文
摘要：DOM 是Document Object Model( 文档对象模型 )的缩写。 DOM是把html里面的各种数据当作对象进行操作的一种思路。 比如一个超链，作为一个DOM对象，就可以使其隐藏，修改其href指向的地址。 DOM 是Document Object Model( 文档对象模型 )的缩写
阅读全文
摘要：关键字简介示例代码 节点关系图 示例代码 parentNode 父节点关系 示例代码 previousSiblingnextSibling 同胞节点关系 示例代码 childNodes 子节点关系 示例代码 childNodeschildren childNodes和children的区别 示例代码
阅读全文
摘要：<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title></title> </head> <body> <script type="text/JavaScript"> /*js一共三块 1. ECMAScript 语言的语法和基本对
阅读全文
摘要：<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <div id="div1"> test </div> <input type="text" name="text1" id="te
阅读全文
摘要：<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <div id="div1"> <p id="p1">p1 is the firstchild of div1</p> <p id=
阅读全文
摘要：既然我们把网页文档看做树形结构，那么就有对应的节点。诚然DOM中有三大节点，分别是元素节点，文本节点，属性节点 元素节点：构成了DOM的基础。文档结构中，<html>是根元素，代表整个文档，其他的还有<head>,<body>,<p>,<span>等等。元素节点之间可以相互包含(当然遵循一定的规则)
阅读全文
摘要：前面的话 元素的特性在DOM中以Attr类型表示，从技术角度讲，特性是存在于元素的attributes属性中的节点。尽管特性是节点，但却不是DOM节点树的一部分。本文将详细介绍该部分内容 特征 特性节点的三个node属性————nodeType、nodeName、nodeValue分别是2、特性名称
阅读全文
摘要：前面的话 文档节点document，隶属于表示浏览器的window对象，它表示网页页面，又被称为根节点。本文将详细介绍文档节点document的内容 特征 文档节点的三个node属性——nodeType、nodeValue、nodeName分别是9、'#document'和null 由于它是根节点，
阅读全文
摘要：前面的话 在所有节点类型中，只有文档片段节点DocumentFragment在文档中没有对应的标记。DOM规定文档片段(document fragment)是一种“轻量级”的文档，可以包含和控制节点，但不会像完整的文档那样占用额外的资源 特征 创建文档片段，要使用document.createDoc
阅读全文
摘要：前面的话 元素节点Element非常常用，是DOM文档树的主要节点；元素节点是html标签元素的DOM化结果。元素节点主要提供了对元素标签名、子节点及特性的访问，本文将详细介绍元素节点的主要内容 特征 元素节点的三个node属性——nodeType、nodeName、nodeValue分别是1、元素
阅读全文
摘要：前面的话 把注释节点和文档类型节点放在一起是因为IE8-浏览器的一个bug。IE8-浏览器将标签名为"!"的元素视作注释节点，所以文档声明也被视作注释节点。本文将详细介绍这两部分的内容 注释节点 【特征】 注释在DOM中是通过Comment类型来表示，注释节点的三个node属性——nodeType、
阅读全文
摘要：前面的话 文本节点顾名思义指向文本的节点，网页上看到的文字内容都属于文本节点。该节点简单直观，本文将详细介绍该部分内容 特征 文本节点由Text类型表示，包含的是纯文本内容，但文本节点是对象类型 纯文本内容中的HTML字符会被转义，关于转义字符的详细情况移步至此 文本节点的三个node属性——nod
阅读全文
浙公网安备 33010602011771号