常用DOM方法和属性 小结

简介: DOM主要方法 查找节点 element = document.getElementById(id) elements = document.getElementsByTagName(tagName) attributeValue = element.getAttribute(attributeName) booleanValue = element.hasChildNod

DOM主要方法

查找节点

element = document.getElementById(id)

elements = document.getElementsByTagName(tagName)

attributeValue = element.getAttribute(attributeName)

booleanValue = element.hasChildNodes()

创建节点

reference = document.createElement(element)

reference = document.createTextNode(text)

复制节点

reference = node.cloneNode(booleanValue)

插入节点

element.appendChild(newChild)

element.insertBefore(newNode, targetNode)

替换节点

element.replaceChild(newChild, oldChild)

设置节点属性

element.setAttribute(attributeName, attributeValue)

删除节点

element.removeChild(node)

DOM属性

节点属性

nodeName

nodeType

nodeValue

遍历节点树

childNodes

firstChild

lastChild

nextSibling

previousSibling

parentNode

 

 

 

 

 

目录
相关文章
|
4月前
|
JavaScript 前端开发
JavaScript DOM 操作:如何选中一个 HTML 元素?有哪些方法?
JavaScript DOM 操作:如何选中一个 HTML 元素?有哪些方法?
65 1
|
4月前
|
JavaScript
Vue中如何获取dom元素?vue方法
Vue中如何获取dom元素?vue方法
|
1月前
|
JavaScript 前端开发
JS获取DOM元素的八种方法(含代码,简单易懂)
JS获取DOM元素的八种方法(含代码,简单易懂)
|
1月前
|
JavaScript 前端开发
vue创建dom的方法有哪些
vue创建dom的方法有哪些
25 2
|
1月前
|
JavaScript
在created中创建dom操作的方法是什么?
在created中创建dom操作的方法是什么?
11 0
|
2月前
|
JavaScript
在Vue中,如何使用`v-bind`指令将属性绑定到DOM元素上?
在Vue中,如何使用`v-bind`指令将属性绑定到DOM元素上?
29 3
|
3月前
|
JavaScript
jQuery -第3次课-DOM操作元素属性-样式等-附资料、作业
jQuery -第3次课-DOM操作元素属性-样式等-附资料、作业
27 0
|
4月前
|
JavaScript
video-06-vue获取dom实际属性
video-06-vue获取dom实际属性
44 1
|
4月前
|
编解码 JavaScript 前端开发
BOM和DOM:BOM(浏览器对象模型)提供了与浏览器交互的能力,如弹窗、定时器等;DOM(文档对象模型)提供了操作HTML元素的能力,如获取、修改元素内容和属性。
BOM和DOM:BOM(浏览器对象模型)提供了与浏览器交互的能力,如弹窗、定时器等;DOM(文档对象模型)提供了操作HTML元素的能力,如获取、修改元素内容和属性。
38 2
|
4月前
|
存储 JSON JavaScript
详细介绍AngularJS中与HTML DOM交互的各种方法和技术
详细介绍AngularJS中与HTML DOM交互的各种方法和技术
120 0