在文档对象模型 (DOM) 中,每个节点都是一个对象。DOM 节点有三个重要的属性 : 1. nodeName : 节点的名称 2. nodeValue :节点的值 3. nodeType :节点的类型 节点类型:元素 1 ,属性 2 ,文本 3 ,注释 8,文档 9。 一、添加和删除节点(HTML ...
分类:
编程语言 时间:
2017-06-27 20:02:39
阅读次数:
227
在AngularJS中,操作DOM一般在指令中完成,事件监听机制是在对于已经静态生成的dom绑定事件,而如果在指令中动态生成了DOM节点,动态生成的节点不会被JS事件监听。 举例来说: 这个指令中,会生成新的DOM节点: 但是如果不做处理,这里的ng-click事件并不能实现,因为事件的监听在静态h ...
分类:
其他好文 时间:
2017-06-27 01:05:19
阅读次数:
513
DOM树和渲染树 当浏览器下载完所有页面HTML 标记,JavaScript,CSS,图片之后,它解析文件并创建两个内部数据结构:一棵DOM树表示页面结构,一棵渲染树表示DOM节点如何显示。 渲染树中为每个需要显示的DOM 树节点存放至少一个节点(隐藏DOM 元素在渲染树中没有对应节点)。渲染树上的 ...
分类:
其他好文 时间:
2017-06-26 12:34:51
阅读次数:
193
在我学习React的过程当中,总会被一些名词搞得晕头转向,但是细想起来又非常简单,比如react定义的这个refs,其实就是用于获取dom的一种方式。 在React中组件并不是真实的 DOM 节点,而是存在于内存之中的一种数据结构,叫做虚拟 DOM (virtual DOM)。只有当它插入文档以后, ...
分类:
Web程序 时间:
2017-06-24 15:25:38
阅读次数:
201
认识DOM 文档对象模型DOM(Document Object Model)定义访问和处理HTML文档的标准方法。DOM 将HTML文档呈现为带有元素、属性和文本的树结构(节点树)。 先来看看下面代码: 将HTML代码分解为DOM节点层次图: HTML文档可以说由节点构成的集合,DOM节点有: 1. ...
分类:
其他好文 时间:
2017-06-23 23:04:25
阅读次数:
203
DOM(文档对象模型)是针对HTML和XML文档的一个API(应用程序编程接口)。DOM描绘了一个层次化的节点树,允许开发人员添加、移除和修改页面的某一部分。 10.1 节点层次 DOM 可以将任何HTML 或XML 文档描绘成一个由多层节点构成的结构。节点分为几种不同的类型,每种类型分别表示文档中 ...
分类:
其他好文 时间:
2017-06-23 20:55:36
阅读次数:
228
JS数组去重JS中对数组去重最好不要用unique方法,该方法主要是对dom节点数组的去重,如果对普通的数组元素去重只会去掉与之相邻的重复元素,也就是如果数组中还有不相邻的重复元素存在,将不会被去掉,而且有时候会出现问题,所以对数组去重可以利用如下方法:先对数组a进行遍..
分类:
编程语言 时间:
2017-06-22 16:46:29
阅读次数:
121
在开发中,不可避免的会需要loading的出现,来提高用户体验, 自己在查找中,总结了两条: 1、window.onload的时候显示loading,首先loading图片是一直存在的,window.onload函数是在加载完所有dom节点和图片等所有文件才调用的, 此时的情况就是,在加载的时候,l ...
分类:
其他好文 时间:
2017-06-21 15:55:53
阅读次数:
144
事件(event) 1.什么是JavaScript事件? 事件是文档或浏览器中发生的特定交互瞬间。 2.事件流 事件流描述的是从页面中接受事件的顺序,包含IE提出的事件冒泡流与Netscape提出的事件捕获流。浏览器默认的是事件冒泡流。 两种思想: IE的事件流叫做事件冒泡,即事件开始时由最具体的元 ...
分类:
编程语言 时间:
2017-06-08 17:57:29
阅读次数:
158
DOM可以将任何HTML描绘成一个由多层节点构成的结构。节点分为12种不同类型,每种类型分别表示文档中不同的信息及标记。每个节点都拥有各自的特点、数据和方法,也与其他节点存在某种关系。节点之间的关系构成了层次,而所有页面标记则表现为一个以特定节点为根节点的树形结构。..
分类:
其他好文 时间:
2017-06-06 18:53:16
阅读次数:
179