document文档对象

方法

1.获取全局的内容

• document.getElementById() //通过id属性来获取元素，返回的是一个元素 （Element）

  //通过id获取对应的元素
  var box = document.getElementById('box')
  console.log(box);

• document.getElementsByClassName() //通过class属性名来获取元素 ，返回是一个伪数组（HTMLCollection）

  // （length 下标） 所有的伪数组都具备的
  // 通过class属性获取 
  var content = document.getElementsByClassName('content')
  console.log(content);
  console.log(content[0]); //访问第一个获取的元素

• document.getElementsByTagName() //通过标签名获取元素 返回的是一个伪数组 （HTMLCollection）

  //通过标签名获取
  var div = document.getElementsByTagName('div')
  console.log(div);

• document.getElementsByName() //通过name属性来获取元素 返回的是一个伪数组 （NodeList）

  //通过name属性获取
  var jack = document.getElementsByName('jack')
  console.log(jack);
  console.log(jack[0]);

• document.querySeletorAll() //通过对应的选择器进行获取，返回的是一个伪数组 (NodeList)

  //通过选择器获取
  var divs = document.querySelectorAll('div') //传入的选择器为div
  console.log(divs);

• document.querySeletor() //通过选择器获取元素 ，返回的是第一个查找到的元素 （Element）

  //通过选择器获取第一个元素
  var first = document.querySelector('div')
  console.log(first);

• document.getRootNode() //获取根节点

  console.log(document.getRootNode()); //获取根节点

2.创建全局的内容

• 创建元素 document.createElement() 返回的是一个元素

  //创建的方法
  var p = document.createElement('p') //传入的是一个对应的标签名
  console.log(p);

• 创建属性节点 document.createAttribute() 返回的是一个属性对象

  //创建属性的方法
  var attr = document.createAttribute('password') //创建的是一个属性  默认为空值
  //给属性对象赋属性值的操作
  attr.value = '123456'
  console.log(attr);

• 创建文本节点 document.createTextNode() 返回的是一个文本节点对象

  //创建文本
  var text = document.createTextNode('显示内容') //创建一个文本节点对象
  console.log(text);
  //后面带NS表示的是命名空间 内声明或获取

属性

• document.head //获取head标签

• document.body //获取body标签

• document.forms //获取所有的表单标签 返回的是一个HTMLCollection

面试题：nodeList 和 htmlCollection 的区别