DOM在操作生成HTML上,还是比较简单明了的。不过,由于浏览器总是存在兼容和陷阱,导致最终的操作就不是那么简单方便了。那本文今天就来了解一下DOM如何操作表格和样式。
一 操作表格
标签是HTML中结构最为复杂的一个,我们可以通过DOM来创建生成它,或者HTML DOM来操作它。
下面我们就使用DOM来创建一个表格:
window.onlo...
分类:
编程语言 时间:
2015-05-31 21:44:03
阅读次数:
175
一、document.getElementById() 根据Id获取元素节点 我是第一个P 我是第二个P window.onload = function () { var...
分类:
编程语言 时间:
2015-05-30 21:00:05
阅读次数:
199
url:http://zjingwen.github.io/SetTimeOutGoBlog/webdemo/huanyouji/index.html(如果打开过慢,或者打不开,原因你懂得。)一、准备工作1、思考需要使用的技术(1)、jquery,使用其的ajax功能、Dom操作功能。(2)、ava...
分类:
Web程序 时间:
2015-05-14 23:34:00
阅读次数:
181
这个方法在jQuery源码中比较靠后的位置出现,主要用于两处。1是构造jQuery对象的时候使用2.是为DOM操作提供底层支持,这也就是为什么先学习它的原因。之前的随笔已经分析过jQuery的构造函数了,也提到了有12个分支,其中有一个分支就是通过jQuery.buildFragment方法来处理的...
分类:
Web程序 时间:
2015-05-14 23:22:47
阅读次数:
137
缓存DOM对象
在内存中操作元素
由于DOM操作会导致浏览器的回流,回流需要花费大量的时间进行样式计算和节点重绘与渲染,所以应当尽量减少回流次数。一种可靠的方法就是加入元素时不要修改页面上已经存在的元素,而是在内存中的节点进行大量的操作,最后再一并将修改运用到页面上。
一次性DOM节点生成
在这里我们每次都需要生成节点(document.createElement("li")),然后将其加入到内存片段中,我们可以通过innerHTML属性来一次性生成节点,具体的思路就是使用字符串拼接的方式,先生成相应的HT...
分类:
其他好文 时间:
2015-05-14 16:42:46
阅读次数:
119
节点-nodeDOM1级定义了一个Node接口,该接口将由DOM中的所有节点类型实现。这个Node接口在js中是作为Node类型实现的;除IE,其他all浏览器都能访问到这个类型。ie中数字?js中all节点类型都继承自Node类型,so all节点类型共享着相同的基本属性和方法。nodeType每...
分类:
其他好文 时间:
2015-05-13 12:21:23
阅读次数:
100
1、dom操作,利用dom创建无序列表。并追加到body里边,里面要求至少有四个项目。2.给每个无序列表设置事件(dom2级),鼠标移入、移除,让鼠标当前行高亮显示 node.style.backgroundColor="gray"; node.style.backgroundColor="";
分类:
Web程序 时间:
2015-05-13 09:58:09
阅读次数:
159
什么是DOM? DOM,即Document Object Model,对象文本模型,用于方便开发者对HTML结构元素内容进行展示和修改DOM的三种形式:DOM、HTML DOM、CSS DOM元素内容的操作 html():获取元素中的HTML内容 html(value):设置元素中的HTML内...
分类:
其他好文 时间:
2015-05-12 08:04:12
阅读次数:
125
document.CreateDocumentFragment()旧的,效率低的方案循环情况。每个循环都对页面dom操作一次新方案。使用CreateDocumentFragmentdom拼凑好后,再操作页面dom是否支持 dom拼凑时注册事件?题外问题记录:事件代理性能永远优于直接绑定每个具体元素?...
分类:
编程语言 时间:
2015-05-11 14:32:45
阅读次数:
157
常用方法 1.查找元素节点 var $li = $("ul li:eq(0)");//获取ul标记下的第一个li,也可以写成 $("#ulID li:eq(0)"); 2.查找元素属性 利用jquery的attr()方法来获取元素的各种属性的值,attr()方法的参数可以是一个,也可以是两个。...
分类:
Web程序 时间:
2015-05-10 12:39:38
阅读次数:
115