1.认识DOM 文档对象模型DOM(Document Object Model)定义访问和处理HTML文档的标准方法。DOM 将HTML文档呈现为带有元素、属性和文本的树结构(节点树)。 先来看看下面代码: 将HTML代码分解为DOM节点层次图: HTML文档可以说由节点构成的集合,DOM节点有: ...
分类:
Web程序 时间:
2016-10-13 19:08:34
阅读次数:
240
场景:数据新增成功之后,需要返回原来的查询表,这时候的查询,需要使用react的生命周期:componentDidUpdate componentDidUpdate() 这个生命周期的作用是当props或state更新之后,使用它更新DOM节点。如果使用不当,则查询页面会不停的调用查询的方法,不停的 ...
分类:
Web程序 时间:
2016-10-13 14:21:27
阅读次数:
501
首尾子节点:firstChild 、firstElementChild lastChild 、lastElementChild 兄弟节点: nextSibling 、 nextElementSibling previousSiblling 、previousElementSibling 以首节点为例 ...
分类:
其他好文 时间:
2016-10-13 11:42:21
阅读次数:
179
1.认识DOM 文档对象模型DOM(Document Object Model)定义访问和处理HTML文档的标准方法。DOM 将HTML文档呈现为带有元素、属性和文本的树结构(节点树)。 先来看看下面代码: 将HTML代码分解为DOM节点层次图: HTML文档可以说由节点构成的集合,三种常见的DOM ...
分类:
其他好文 时间:
2016-10-12 16:44:09
阅读次数:
122
本文内容:1. 概述2. DOM中的节点类型3. DOM节点的选取4. 存取元素属性5.DOM元素的增删6.小结 ★ 概述文本对象模型(DOM)是一个能够让程序和脚本动态访问和更新文档内容,结构和样式的语言平台,提供了标准的HTML和XML对象集,并有一个标准的接口来访问操作他们。——摘自W3C文本... ...
分类:
其他好文 时间:
2016-10-12 16:37:56
阅读次数:
189
1、文档对象模型(DOM) 定义:允许程序和脚本访问、更改文档内容、样式和结构。它是平台无关的,意味着可以在任何计算机上使用它。它是语言无关的,以为着它能够交换客户机和服务器之间的信息,而不管任意一边使用什么语言。 2、DOM节点 DOM把HTML(或XML)文档视为一颗或者一组数(是指结构类似), ...
分类:
其他好文 时间:
2016-10-05 22:06:27
阅读次数:
211
jq的工具方法style用于设置样式,jq的实例方法css在设置样式时就是调用的它,接下来分析一下源码。 代码开始判断了dom节点类型,不是元素节点类型的直接return掉 下面的代码跟jq的工具方法css一样,就不再分析了,不明白的朋友请点击 -> jquery的css详解(一) 然后判断valu ...
分类:
Web程序 时间:
2016-10-05 20:03:09
阅读次数:
231
示例:创建和插入节点。 1、新建节点:createElement("节点名") 2、新建文本节点:createTextNode("文本内容") 3、将文本节点添加到新建节点中:appendChild(文本节点名) 4、获取要插入节点的对象:getElementById("id名") 5、将新建节点插 ...
分类:
其他好文 时间:
2016-10-03 21:13:41
阅读次数:
102
打开jquery3.0一看,竟然把一大半的时间绑定的东西都废弃了 基本上绑定时间可以统一成了on,不管你是不是动态进来的dom节点 live我们知道1.7的时候就已经废弃了,还在觉得live很好用的同学要注意了,别说live为什么不管用,因为废弃了。 如今统一了on的方式去绑定 1、如果不是动态加载 ...
分类:
Web程序 时间:
2016-09-28 13:01:24
阅读次数:
155
一、遍历DOM节点 遍历DOM节点常用一般用节点的 childNodes, firstChild, lastChild, nodeType, nodeName, nodeValue属性。在获取节点nodeValue时要注意,元素节点的子文本节点的nodeValue才是元素节点中文本的内容。 二、遍历 ...
分类:
其他好文 时间:
2016-09-28 12:22:15
阅读次数:
181