js dom操作
2018-03-04 20:52
183 查看
1. document.createElement( tagName )
创建指定元素
2. document.createTextNode( 文本 )
创建文本节点
3. _dom.appendChild( 子元素 )
添加新节点
4. _dom.getAttribute( 属性名 )
返回元素的属性
5. _dom.setAttribute( 属性名, 属性值 )
设置元素属性
6. _dom.insertBefore( 新元素, 子元素 )
在节点前插入元素
7. _dom.removeAttribute( 属性名 )
删除属性
8. _dom.removeChild( 子元素 )
删除节点
9. _dom.replaceChild( 新元素, 子元素 )
替换节点
10 _dom.hasChildNodes( )
是否有子元素
11 _dom.childNotes
返回所有子元素的数组,含文本节点
12. _dom.children
返回所有子元素的数组, 只含元素节点
12 _dom.firstChild
第一个下级元素
13 _dom.nextSibling
下一个元素
14 _dom.previousSibling
上一个元素
15 _dom.nodeValue
指定元素的读写属性
16 parentNode
返回元素的父节点
17. getElementById( ID名 )
根据ID获取DOM对象
18 getElementByTagName( TagName )
根据TagName返回对象数组(标签)
19 getElementByName( Name )
根据name返回对象数组(name属性)
20 hasChildNodes()
判断是否有子元素
创建指定元素
2. document.createTextNode( 文本 )
创建文本节点
3. _dom.appendChild( 子元素 )
添加新节点
4. _dom.getAttribute( 属性名 )
返回元素的属性
5. _dom.setAttribute( 属性名, 属性值 )
设置元素属性
6. _dom.insertBefore( 新元素, 子元素 )
在节点前插入元素
7. _dom.removeAttribute( 属性名 )
删除属性
8. _dom.removeChild( 子元素 )
删除节点
9. _dom.replaceChild( 新元素, 子元素 )
替换节点
10 _dom.hasChildNodes( )
是否有子元素
11 _dom.childNotes
返回所有子元素的数组,含文本节点
12. _dom.children
返回所有子元素的数组, 只含元素节点
12 _dom.firstChild
第一个下级元素
13 _dom.nextSibling
下一个元素
14 _dom.previousSibling
上一个元素
15 _dom.nodeValue
指定元素的读写属性
16 parentNode
返回元素的父节点
17. getElementById( ID名 )
根据ID获取DOM对象
18 getElementByTagName( TagName )
根据TagName返回对象数组(标签)
19 getElementByName( Name )
根据name返回对象数组(name属性)
20 hasChildNodes()
判断是否有子元素
相关文章推荐
- JS-进阶-JS DOM常用的节点操作
- 常见的js dom操作
- 蓝鸥原生JS:DOM操作
- JS常见DOM节点操作示例【创建 ,插入,删除,复制,查找】
- JS操作iframe里的dom(实例讲解)
- 【面向JS--DOM 操作API】
- Js操作DOM及获取浏览器高度以及宽度
- 原生js 操作dom
- js获取节点 dom操作
- JS对DOM节点的操作--增加节点,删除节点
- js对象关系图 方便dom操作
- JS操作DOM节点实现网页更新
- 原生js操作dom汇总,不断添加中
- DOM操作原生js 的bug,使用jQuery 可以消除的解决方法
- js与dom操作学习笔记3
- js实验4.(3)DOM元素操作
- JS和DOM操作面试笔试题,一不小心就被套路了—Node的三大属性
- js的DOM(节点操作)
- js 对 dom 操作
- 关于js封装框架类库之DOM操作模块(一)