一、节点选取 二、dom节点childNodes和nodeType 三、children是没有兼容问题的childNodes ...
分类:
编程语言 时间:
2017-03-01 18:06:01
阅读次数:
239
学习内容 jQuery插入DOM节点 jQuery删除DOM节点 jQuery替换DOM节点 jQuery筛选DOM节点能力目标 能熟练使用jQuery进行节点操作 能熟练使用jQuery进行节点筛选...
分类:
Web程序 时间:
2017-02-26 14:26:48
阅读次数:
292
DOM创建节点及节点属性 通过JavaScript可以很方便的获取DOM节点,从而进行一系列的DOM操作。但实际上一般开发者都习惯性的先定义好HTML结构,但这样就非常不灵活了。 浏览器提供的一些原生的方法: 创建流程比较简单,大体如下: 流程中涉及的一点方法: 创建元素:document.crea ...
分类:
编程语言 时间:
2017-02-26 11:11:23
阅读次数:
251
解决办法如下在clone()里面加个参数true,即可完成事件的植入。即:.clone(true).clone( [ withDataAndEvents ], [ deepWithDataAndEvents ] )withDataAndEvents一个Boolean值(true 或者 false)指 ...
分类:
其他好文 时间:
2017-02-24 16:15:32
阅读次数:
140
addEventListener() 和 removeEventListener(), 所有 DOM 节点中都包含这两个方法,并且它们都接受 3 个参数: 添加的事件处理程序是在其依附的元素的作用域 中运行 可以添加多个事件,按顺序先后触发。 第二个参数不可用匿名函数,不然两个方法指向不是同一个函数 ...
分类:
其他好文 时间:
2017-02-22 22:08:51
阅读次数:
165
转载于:http://www.imooc.com/code/1575 认识DOM 文档对象模型DOM(Document Object Model)定义访问和处理HTML文档的标准方法。DOM 将HTML文档呈现为带有元素、属性和文本的树结构(节点树)。 先来看看下面代码: 将HTML代码分解为DOM ...
分类:
其他好文 时间:
2017-02-18 16:57:32
阅读次数:
188
innerHTML不但可以修改DOM节点的文本内容,还可以直接通过HTML片段修改DOM节点内部的子树 (如果,写入的字符串是通过网络拿到,要注意对字符编码来避免XSS攻击) innerText和textContent可以自动对字符串进行HTML编码,保证无法设置任何HTML标签 两者区别,inne ...
分类:
Web程序 时间:
2017-02-14 20:16:35
阅读次数:
416
Virtual DOM是什么?在之前,React和Ember早就开始用虚拟DOM技术来提高页面更新的速度了。 若想了解它是如何工作的,就要先认清这几个概念:1.更新DOM是非常昂贵的操作当我们使用Javascript来修改我们的页面,浏览器已经做了一些工作,以找到DOM节点进行更改,例如: 在现代的 ...
分类:
Web程序 时间:
2017-02-14 15:40:02
阅读次数:
246
一、ng-show/ng-hide 与 ng-if的区别? 我们都知道ng-show/ng-hide实际上是通过display来进行隐藏和显示的。而ng-if实际上控制dom节点的增删除来实现的。因此如果我们是根据不同的条件来进行dom节点的加载的话,那么ng-if的性能好过ng-show. 二、解 ...
分类:
Web程序 时间:
2017-02-07 13:53:14
阅读次数:
3631
一、DOM节点 (1)首尾子节点 有兼容性问题 firstChild、firstElementChild firstChild在高版本的浏览器上具有兼容问题,firstChild在高版本浏览器中指的是文本元素。 firstElementChild高级浏览器下可以使用,在IE6-8下反而不兼容。 解决 ...
分类:
Web程序 时间:
2017-01-31 20:03:00
阅读次数:
272