以图明志

JavaScript

给DOM元素绑定click事件也有学问

让所有元素都有click事件
最简单的莫过于使用click方法,以上的事件都是直接添加在html属性中的(内联事件)。click方法能触发使用el.onXXX/addEventListener/attachEvent添加的事件吗?既然Safari/Chrome中click不可用, 我们就用dispatchEvent来实现了。

JavaScript

如何获取iframe DOM的值

获得某个iframe页面某个元素的值
在Web开发时,很多时候会遇到一个问题。我在一个页面嵌入了iframe,并且我想获得这个iframe页面某个元素的值。那么该如何实现这个需求呢?在IE下操作IFrame内容的代码:...但是这在Firefox下无效。所以,想到在Firefox下用FireBug来调试。经过调试发现在Firefox下可用以下代码来实现:...

JQuery

提取JQuery的ready()方法来单独使用

如何实现加载DOM时执行js代码
有一些功能需求,需要在DOM载入时马上执行一些函数,但又不愿意仅为了这一个需求而引入整个JQuery库,于是就把jQuery的方法提取出来,单独使用了。大家可以使用windows.onload事件,但onload在看来,就是页面上的东西(img,iframe等资源)全部都加载完毕后才能发生,如果页面内有大的图片的话,会在页面展现后好久时间后才执行。

JavaScript

做一个类似JQuery获取DOM对象的$()

dom操作的一个简易函数
在dom操作时,有时根据id获取单个对象、有时根据className获取多个对象。平常可能我们用两个函数来实现这两个功能。不过我将它们整合了一下,目前使用情况良好,函数如下。另外,$与$结合使用的话,就会更加的方便了。

JavaScript

原生的强大DOM选择器querySelector

querySelector和querySelectorAll
在传统的 JavaScript 开发中,查找 DOM 往往是开发人员遇到的第一个头疼的问题,原生的 JavaScript 所提供的 DOM 选择方法并不多,仅仅局限于通过 tag, name, id 等方式来查找,这显然是远远不够的,如果想要进行更为精确的选择不得不使用看起来非常繁琐的正则表达式,或者使用某个库。

JavaScript

JavaScript对iframe的DOM操作

在指定iframe打开指定页面
JS操作iframe里的dom可是使用contentWindow属性,contentWindow属性是指指定的frame或者iframe所在的window对象,在IE中iframe或者frame的contentWindow属性可以省略,但在Firefox中如果要对iframe对象进行编辑则,必须指定contentWindow属性,contentWindow属性支持所有主流浏览器。

HTML

JavaScript DOM对表格的操作

表格简单又不简单
summary 属性:用于概括整个表格的内容。它对于搜索引擎的机器人记录信息十分重要。bordercolor 属性:用来设置表格边框的颜色。但它在不同的浏览器下显示的效果不一致。(不推荐使用bordercolor 属性,而推荐使用CSS 样式表的border 属性来进行设置)。

JavaScript

DOM动态添加与删除元素

动态增加元素的DOM操作
动态的增加和删除元素在很多地方都需要用到,比如有时候需要大量数据收集的时候,我们就需要动态增加form表单等。下面是一个例子。

JavaScript

原生JavaScript获取DOM节点的方法汇总

获取DOM节点的JavaScript编程的基本功
在Web应用程序特别是Web2.0程序开发中,经常要获取页面中某个元素,然后更新该元素的样式、内容等。如何获取要更新的元素,是首先要解决的问题。令人欣慰的是,使用JavaScript获取节点的方法有很多种,这里简单做一下总结。
1 / 1 首页 < Prev 1 Next > 尾页 页码: