javascript的DOM基本操作
2016-07-28 10:38:20 0 举报AI智能生成
JavaScript的DOM基本操作是指通过JavaScript代码对网页文档对象模型（Document Object Model）进行操作，以实现对网页元素的增删改查等操作。DOM是浏览器提供的一套API，用于表示和操作HTML、XML文档的结构。常用的DOM操作包括获取元素、修改元素内容、添加和删除元素等。例如，通过getElementById()方法可以获取指定ID的元素，通过innerHTML属性可以修改元素的内容，通过createElement()和appendChild()方法可以添加新的元素。这些操作可以帮助我们实现动态地改变网页的结构和样式，提升用户体验。
作者其他创作
大纲/内容
获取节点
document
getElementById
语法
document.getElementById(元素ID)
功能
通过元素ID获取节点
getElementByName
语法
document.getElementName(元素name属性)
功能
通过元素name属性获取节点
getElementByTagName
语法
document.getElementByTagName(元素标签)
功能
通过元素标签获取节点
节点指针
firstChild
语法
父节点.firstChild
功能
获取元素的首个子节点
lastChild
语法
父节点.lastChild
功能
获取元素的最后一个子节点
childNodes
语法
父节点.childNodes
功能
获取元素的子节点列表
previousSibling
语法
兄弟节点.previousSibling
功能
获取已知节点的前一个节点
nextSibling
语法
兄弟节点.nextSibling
功能
获取已知节点的后一个节点
parentNode
语法
子节点.parentNode
功能
获取已知节点的父节点
节点操作
创建节点
createElement
语法
document.getElement(元素标签)
功能
创建元素节点
createAttribute
语法
document.createAttribute(元素属性)
功能
创建属性节点
createTextNode
语法
document.createTextNode(文本内容）
功能
创建文本内容
插入节点
appendChild
语法
appendChild(所添加的新节点)
功能
向节点的子节点列表的末尾添加新的子节点
insertBefore
语法
insertBefore(所要添加的新节点，已知子节点)
功能
在已知自己点前插入一个新的子节点
替换节点
replaceChild
语法
replaceChild(要插入的新元素，将被替换的老元素)
功能
将某个子节点替换为另一个
复制节点
cloneChild
语法
将要被复制的节点.cloneChild(true,false)
功能
创建指定节点的副本
参数
true
复制当前节点及其所有子节点
false
复制当前节点
删除节点
removeChild
语法
removeChild(要删除的节点)
功能
删除指定节点
属性操作
获取属性
getAttribute
语法
元素节点.getAttribute(元素属性名)
功能
获取元素节点的中指定属性的属性值
设置属性
setAttribute
语法
元素节点.setAttribute(属性名，属性值)
功能
创建或改变元素节点的属性
删除属性
removeAttribute
语法
元素节点.removeAttribute(属性名)
功能
删除元素中的指定属性
文本操作
insertData(offset,String)
从offset指定的位置插入string
appendData(string)
将string插入到文本节点的末尾处
deleteDate(offset,count)
从offset起删除count个字符
replaceData(off,count,string)
从off起将count个字符用string替代
splitData(offset)
从offset起将文本节点分为两个节点
substring(offset,count)
返回由offset起的count个节点
0 条评论
下一页
