如何使用 JavaScript 获取某个 DOM 节点下 HTML 元素的 CSS 样式值?使用过 JQuery 的童鞋一定都非常的熟悉,Jquery 提供了非常强大的 CSS 方法,可以很方便的设置和获取元素的 style 属性。某些情况下,我们不能使用 JQuery 时,就必须使用纯 JavaS...
分类:
其他好文 时间:
2015-07-27 09:24:50
阅读次数:
129
语义化HTML:语义化HTML的好处是可以使代码简洁清晰、支持不同设备、利于搜索引擎、便于团队开发;减少DOM节点:加速页面渲染;给图片加上正确的宽高值:这可以减少页面重绘,同时防止图片缩放;防止src属性和link的href属性为空:当值为空时,浏览器很可能会把当前页面当成其属性值加载;正确的闭合...
分类:
其他好文 时间:
2015-07-27 00:08:24
阅读次数:
134
认识DOM文档对象模型DOM(Document Object Model)定义访问和处理HTML文档的标准方法。DOM将HTML文档呈现为带有元素、属性和文本的树结构(节点树)。先来看看下面代码:将HTML代码分解为DOM节点层次图:HTML文档可以说由节点构成的集合,三种常见的DOM节点:1. 元...
分类:
其他好文 时间:
2015-07-24 22:31:07
阅读次数:
112
文档对象模型DOM(Document Object Model)定义访问和处理HTML文档的标准方法。DOM将HTML文档呈现为带有元素、属性和文本的树结构(节点树)。先来看看下面代码:将HTML代码分解为DOM节点层次图:HTML文档可以说由节点构成的集合,三种常见的DOM节点:1. 元素节点:上...
分类:
编程语言 时间:
2015-07-21 14:23:11
阅读次数:
247
介绍
上一章我们介绍了JavaScript的基本内容和DOM对象的各个方面,包括如何访问node节点。本章我们将讲解如何通过DOM操作元素并且讨论浏览器事件模型。
操作元素
上一章节我们提到了DOM节点集合或单个节点的访问步骤,每个DOM节点都包括一个属性集合,大多数的属性都提供为相应的功能提供了抽象。例如,如果有一个带有ID属性intro的文本元素,你可以很容易地通过DOM A...
分类:
编程语言 时间:
2015-07-17 14:08:03
阅读次数:
265
节点的引用:getElementById()通过ID引用。getElementByTagName()通过标签名。getElementByName()通过name引用。getElementsByClassName()通过class引用getElementsByTagName("*")返回文档中所有元....
分类:
其他好文 时间:
2015-07-16 23:49:59
阅读次数:
178
简单选择器:在使用jQuery 选择器时,我们首先必须使用“$()”函数来包装我们的CSS 规则。而CSS 规则作为参数传递到jQuery 对象内部后,再返回包含页面中对应元素的jQuery 对象。随后,我们就可以对这个获取到的DOM 节点进行行为操作了。例: $('#box').css('colo...
分类:
Web程序 时间:
2015-07-14 17:13:36
阅读次数:
139
DOM节点操作占我们前端工作很大一部分,其节点的操作又占50%以上。由于选择器引擎的出现,让繁琐的元素选择简单化,并且一下子返回一大堆元素,这个情景时刻暗示着我们操作元素就像css为元素添加样式那样,一操作就操作一组元素。一些大胆的API设计被提出来。当然我们认为时髦新颖的设计其实都是很久以前被忽略...
分类:
其他好文 时间:
2015-07-08 01:59:15
阅读次数:
151
$$_命令返回最近一次表达式执行的结果,功能跟按向上的方向键再回车是一样的,但它可以做为一个变量使用在你接下来的表达式中。$0~$4则代表了最近5个你选择过的DOM节点。在页面右击选择审查元素,然后在弹出来的DOM结点树上面随便点选,这些被点过的节点会被记录下来,而$0会返回最近一次点选的DOM结点...
分类:
Web程序 时间:
2015-07-07 21:00:57
阅读次数:
123
作为一款功能齐全的js工具包,dojo提供了统一的DOM操作方法。dojo.byIddojo.byId 函数使您可以通过 id 属性选择一个 DOM 节点。该函数是标准 document.getElementById 函数的一个别名,但是显然简短易书写。dojo.query虽然dojo.byId可以...
分类:
其他好文 时间:
2015-06-30 17:49:50
阅读次数:
117