DOM 文档对象模型
DOM解析HTML
DOM结构模型
DOM的三个级别
DHTML
BOM和HTML DOM的关系图
NODE 接口的特性和方法
Document 对象
Document常用方法
Element对象
Node节点
父节点、子节点和同辈节点
ul 与 span在使用Node节点时的注意事项
节点属性
检测子节点和属性
操作 DOM 节点树
Node节点方法小结
在浏览器中按F12可进行bug调试...
分类:
编程语言 时间:
2016-04-15 12:15:35
阅读次数:
196
本文主要解决两个问题:
什么是事件流
DOM事件流的三个阶段
起因
温故了一下我的《JavaScript高级程序设计》的时候,翻到DOM事件那一章,(说实话,现在无论是什么框架你都离不开操作DOM啊,毕竟这是你展示的最基本元素,就像人的细胞)。想起了dom事件流原理,好多人不明白,只知道click mouseout等实用场景,真要理解和更进一步的前端是要...
分类:
其他好文 时间:
2016-04-12 17:38:06
阅读次数:
171
jquery:轻量级的库,类库比较小 封装了遍历HTML文档,操作DOM,处理事件,执行动画和开发AJAX的操作.为这些操作提供了简洁的语法和跨平台的兼容性.有很多jQuery的插件,如jQuery UI等,可以根据自己需求决定是否选用. prototype:老牌的轻量级的javascript库 d ...
分类:
Web程序 时间:
2016-04-09 09:19:28
阅读次数:
285
angularjs中大多在指令之中操作DOM,现在遇到一个指令中无法获取DOM的特殊情况:vardirectiveCtrl=angular.module("directiveCtrl",[]);
directiveCtrl.controller("ctrlTwo",[‘$scope‘,function($scope){
$scope.name="me";
}]);
directiveCtrl.directive("num",function(){
r..
分类:
Web程序 时间:
2016-04-06 15:30:56
阅读次数:
720
jQuery操作DOM对象 1、使用attr()方法控制元素的属性 attr()方法的作用是设置或者返回元素的属性,其中attr(属性名)格式是获取元素属性名的值,attr(属性名,属性值)格式则是设置元素属性名的值。 举例: <body> <h3>attr()方法设置元素属性</h3> <a hr ...
分类:
Web程序 时间:
2016-04-05 10:48:15
阅读次数:
146
转自:http://kb.cnblogs.com/page/534571/ 一直都听说DOM很慢,要尽量少的去操作DOM,于是就想进一步去探究下为什么大家都会这样说,在网上学习了一些资料,这边整理出来。 首先,DOM对象本身也是一个js对象,所以严格来说,并不是操作这个对象慢,而是说操作了这个对象后 ...
分类:
其他好文 时间:
2016-04-03 22:21:06
阅读次数:
298
前几天写的那个拖拽,自己留下的疑问。。。这次在热心博友的提示下又修正了一些小小的bug,也加了拖拽的边缘检测部分。。。就再聊聊拖拽吧 一、不要直接操作dom元素 react中使用了虚拟dom的概念,目地就是要尽量避免直接操作dom元素,所以我们在对dom元素进行操作的时候需要注意,我之前为了获取fo ...
分类:
Web程序 时间:
2016-04-02 16:03:00
阅读次数:
156
1.使用attr()方法控制元素的属性attr()方法的作用是设置或者返回元素的属性,其中attr(属性名)格式是获取元素属性名的值,attr(属性名,属性值)格式则是设置元素属性名的值。例:调用attr()方法设置并获取元素中 “href”属性的值: attr()方法设置元素属性
点我就变...
分类:
Web程序 时间:
2016-04-02 13:39:42
阅读次数:
233
一、jQuery操作DOM-查询html操作-html():读取或修改节点的HTML内容,类似于JavaScript中的innerHTML属性文本操作-text():读取或修改节点的文本内容,类似于JavaScript中的textContent属性值操作-val():读取或修改节点的value属性值,类似于JavaScript中的value值属性操作-attr(..
分类:
编程语言 时间:
2016-04-02 07:19:44
阅读次数:
385
“$(function(){ });” Jquery语法的匿名函数,用于存放操作DOM对象的代码,执行其中代码时DOM对象已存在; (通过这样就可以在页面加载完成时通过ajax再异步加载一些数据) “(function(){})();”用于存放开发插件的代码,执行其中代码时DOM不一定存在; (用于 ...
分类:
Web程序 时间:
2016-03-29 12:16:42
阅读次数:
170