DOM常用对象】的更多相关文章

创建和删除节点:——核心DOM   1. 创建单个元素节点:3步:      1. 创建空元素节点对象:         var elem=document.createElement("标签名");        比如: var a=document.createElement("a");          html: <a></a>      2. 设置新元素的关键属性:        比如: a.href="http://tm…
1. 添加/删除 3步: 1. 添加一个空元素 var a=document.createElement("a"); <a></a> 2. 定义元素的关键属性 a.innerHTML="文本"; a.href="url"; <a href="url">文本</a> 3. 将新元素添加到DOM树 parent.appendChild(a)  在parent下子元素末尾追加a par…
一.select对象 HEML中的下拉列表 属性: 1.options 获得当前select下所有option 2.options[i] 获得当前select下i位置的option 3.selectedIndex 获得当前选中的option的下标 4.size 设置或返回下拉列表中的可见行数. 5.length 返回下拉列表中的选项数目. 6.multiple 设置或返回是否选择多个项目. 7.id 设置或返回下拉列表的 id. 8.name 设置或返回下拉列表的名称. 方法: 1.add(新o…
1.HTML DOM常用对象之Table:①创建:createTHead():createTBody():createTFoot():②删除:deleteTHead():deleteTFoot():③tHead下:insertRow(i):deleteRow(i):*(i相对与当前行分组的位置:):④rows-tr下:insertCell(i):deleteCell(i):⑤tBodies下:tBody:⑥tFoot下:insertRow(i):deleteRow(i):*(i相对于整个表中的位…
1.添加:①var a=document.createElement("a"):②设置关键属性:③将元素添加到DOM树:a.parent.appendChild(a):b.parent.insertBefore(a,old):c.parent.replaceChlid(a,old): 2.优化:尽量少的操作DOM树,①如果同时添加父元素与子元素,应在内存中先将子元素拼到父元素下,再将父元素添加到DOM树:②如果添加多个平级子元素,应先将所有子元素放入文档片段,再将文档片段一次性添加到D…
1.修改样式:访问内联样式:elem.style.css属性名:获得其他:var style=getComputerStyle(elem):*(* 获得焦点onfocus:失去焦点onblur:): 2.修改内外部样式属性:①获得样式表对象:var sheet=document.styleSheets[i]:②获得cssRule对象:var rule=sheet.cssRules[i]:③修改cssRule属性:rule.style.css属性名=值: 3.添加:①创建空元素对象:var a=d…
HTML DOM 常用对象: 它对常用HTML元素操作的简化. Select对象 它代表页面上的一个select元素,常用属性有: select.value ——当前选中项的value ,没有value,就返回选中项的内容. select.options ——保存select下所有option元素对象,相当于: select.getElementsByTagName("option"): select.options.length ——保存select下option的个数,清空sele…
Jsoup代码解读之二-DOM相关对象   之前在文章中说到,Jsoup使用了一套自己的DOM对象体系,和Java XML API互不兼容.这样做的好处是从XML的API里解脱出来,使得代码精炼了很多.这篇文章会说明Jsoup的DOM结构,DOM的遍历方式.在下一篇文章,我会并结合这两个基础,分析一下Jsoup的HTML输出功能. DOM结构相关类 我们先来看看nodes包的类图: 这里可以看到,核心无疑是Node类. Node类是一个抽象类,它代表DOM树中的一个节点,它包含: 父节点pare…
之前一直傻傻分不清DOM和JavaScript究竟有什么区别,随着相关工作时间的增长,开始逐渐区分DOM和JavaScript了,最近,也一直在复习有关DOM方面的知识,<JavaScript DOM编程艺术>,就是他了,也看了好几遍了,做一点阶段性的总结吧!由于完全是基础知识,也就完全总结基础知识相关的吧! DOM选取元素: document.getElementById      通过id选取元素 document.getELmentsByTagName   通过标签名选取元素 docum…
Javascript操作DOM常用API总结 文本整理了javascript操作DOM的一些常用的api,根据其作用整理成为创建,修改,查询等多种类型的api,主要用于复习基础知识,加深对原生js的认识. 基本概念 在讲解操作DOM的api之前,首先我们来复习一下一些基本概念,这些概念是掌握api的关键,必须理解它们. Node类型 DOM1级定义了一个Node接口,该接口由DOM中所有节点类型实现.这个Node接口在JS中是作为Node类型实现的.在IE9以下版本无法访问到这个类型,JS中所有…