郑炎青吧 关注:6贴子:80
  • 0回复贴,共1

JavaScript中 DOM的基本操作-curd

只看楼主收藏回复

今天又回顾了javascript的一些基础知识,因为感觉又遗忘了
遗忘得好快~~~
节点操作
1)创建Var node = document.createElement(‘标签名’)
2)删除 parentElement.remove(node)
3)追加子节点 parentElement.appendChild(node)
4)克隆 node.cloneNode() 只克隆node标签
Node.cloneNode() 克隆node里的所有内容
属性操作
1) 设置属性 setAtrribute(名,值)
2) 获取属性 getAttribute(名,值)
3) 移除属性 removeAttribute(名)
文本操作
非表单元素 obj.innerHTML(内容)
表单元素 obj.value
节点查找
1) 获取所有子节点 父节点.children
2) 获取第一个子节点 父节点.firstElementChild
3) 获取最后一个子节点 父节点.lastElementChild
4) 获取下一个兄弟节点 node.nextElementSibling
5) 获取上一个兄弟节点 node.previousElementSibling
6) 获取一个节点 document.querySelector(标签名|id值)
7) 获取一类节点 document.querySelectorAll(同上)


下面是一个点击增加和删除案例



回复
1楼2017-10-31 23:07