添加、删除、复制、创建和查找节点方法汇总

添加、删除、复制、创建和查找节点

• 添加节点/元素

  • js中在后面添加: 父元素.appendChild(子元素)
  • 在前面添加: 父元素.insertBefore(,添加的位置,子元素)
  • jquery中ele.append('内容') 放到内部元素的最后面
  • jquery中ele.prepend('内容') 放到内部元素的最前面
  • ele.after('内容') 放到内部元素的最后面
  • ele.before('内容') 放到内部元素的最前面

• 删除元素

  • 自杀删除 ele.remove()
  • 父元素.removeChild(子元素)

• 复制元素 ele.cloneNode(true/false)

• 创建元素,只有添加到父级中才会有作用

  • document.createElenment()
  • 父元素.innerHTML =" 需要创建的标签"
  • document.write() 会覆盖原有页面
    var li = document.createElenment('li');//js创建元素
    var li = $("
  ")//jquery中创建元素
  var ul = document.querySelector('ul');
  ul.innerHTML = '
  • 1
  ';

• 获取元素
  document.querySelector(' ') 获取一个元素
  document.querySelectorAll(' ') 获取一类元素

• 查找元素
  find()---查找所有的子元素
  children()---查找的是第一级子元素