JS DOM 操作

.innerHTML 返回或设置指定标签的内容(识别html标记)
.ouerHTML 与innerHTML不同的是outerHTML包括整个标签,而不仅限于标签内部
.innerText 输出标签内所有文本(不识别html标记)
.outerText 包含标签本身

getElementsByTahMame() 返回一个指定标签名的集合
getElementsByName() 返回带有指定名称的对象的集合
getElementsByClassName() 返回所有指定类名的元素集合
getElemenById() 返回指定ID的元素

getAttribute() 返回指定属性名的属性值
setAttribute() 添加指定的属性,并为其赋指定的值(如果这个属性已存在,则仅设置/更改值)
getAttributeNode() 获得属性节点

.value() 获取元素的value值

.childNodes 获取指定节点内的所有节点集合(空格 文本都被视为节点)
.firstChild 获取当前元素节点的第一个子节点
.lastChild 获取当前元素节点的最后一个子节点
.ownerDocument 获取当前元素节点的根节点
.parentNode 获取当前元素节点的父节点
.previousSibling 获取当前节点的前一个同级节点
.nextsSibling 获取当前节点的后一个同级节点

document.createElement(" ") 创建元素
document.createTextNode(" ") 创建文本节点
.appendChild() 把后面的节点追加到前面的节点中
removeChild() 删除节点 成功返回被删除的节点 失败返回null
clonenode(true/false) true复制当前节点及其所有子节点,false仅复制当前节点


DOM树

201412111054092.png
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 翻译自:高性能Javascript 第三章Dom操作是昂贵的,它通常是web应用的性能瓶颈。这篇文章讨论Dom操作...
    Addy_Zhou阅读 3,069评论 0 5
  • 1:dom对象的innerText和innerHTML有什么区别? innerText是一个可写属性,返回元素内包...
    饥人谷_bigJiao阅读 281评论 0 0
  • 为什么要学习DOM? 因为:要改变页面的某个东西,JavaScript就需要获得对HTML文档中所有元素进行访问的...
    好奇而已阅读 360评论 0 0
  • HTML标签解释大全 一、HTML标记 标签:!DOCTYPE 说明:指定了 HTML 文档遵循的文档类型定义(D...
    米塔塔阅读 3,321评论 1 41
  • 年轻的时候,谁都曾放过豪言,我一定要做什么……可最后,现实总是逼迫你去做些梦,让你觉得这世界是认准自己的。 就像那...
    故人殇水阅读 597评论 6 4