增删改查

  1. 创建元素
    以tagName创建一个新的元素
var div1 = document.createElement('div')
  1. 在某个节点前插入一个子节点
var insertElement = node.insertBefore(newElement, referenceElement)

  1. 删除一个子节点child,返回被删除的节点
var oldChild = node.removeChild(child)

  1. 用指定的节点替换某个节点,返回被替换掉的节点
var replaceChild = node.replaceChild(newChild, oldChild)

  1. 判断当前节点是否包含子节点,返回一个布尔值
element.haschildNodes()
  1. 查找第一个名为xxx的元素
类名为'xxx'
var class1 = document.querySelector('.xxx')
id名为'xxx'
var id1 = document.querySelector('#xxx')
xxx属性
var a = document.querySelector([xxx])
  1. 查找所有名为xxx的元素
类名为'xxx'
var class1 = document.querySelectorAll('.xxx')
id名为'xxx'
var id1 = document.querySelectorAll('#xxx')
xxx属性
var a = document.querySelectorAll([xxx])
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 1. 什么是DOM DOM 全称是 Document Object Model,也就是文档对象模型。 DOM 就是...
    小胖子littlefatboy阅读 7,015评论 1 9
  • 要进行DOM的增删改查的操作,首先要先搞懂: 什么是dom? Document Object Model,即文档对...
    饥人谷_Dylan阅读 5,828评论 0 50
  • DOM增删改查基本操作 基本概念 DOM是JavaScript操作网页的接口,全称为“文档对象模型”(Docume...
    _刘小c阅读 3,772评论 0 1
  • dom对象的innerText和innerHTML有什么区别? innerHTML:在读模式下,innerHTML...
    _Dot912阅读 4,014评论 0 1
  • 虽然身边不缺人,却时常觉得心空。所有人聚在一起你一言我一语,谈的都是自己,鲜有愿意倾听别人故事的。多数时候我不言语...
    小紫荆L阅读 2,490评论 0 1