2022年9月5--DOM

99 阅读1分钟

onload=()=>{} //dom创建完成后执行
document:表示一整个html文档

节点

  • 文本节点:1.包括换行      2.标签的文字部分       3.单标签无文本节点,也无子元素
    
  • 元素节点(元素对象):1.标签,每一个标签为一个元素       2.一个标签一个对象
    
  • 属性节点:1标签的属性
    

在js中获取html中的节点:

  1. document.getElementsByClassName('类名');//通过类名取元素,可以获取多个,返回伪数组(HTMLCollection构造的伪数组)

  2. document.getElementById('id名');//通过id名获取,返回元素对象

  3. document.getElementsByTagName('标签名');//通过标签名获取多个元素,返回的是伪数组

  4. getElementsByName('name名'); //通过name名获取满足条件的多个元素,返回NodeList构造的伪数组集合,可以用forEach

  5. document.querySelector('选择器') ;//通过#id名、.类名、标签获取满足条件的第一个 ,返回元素对象

  6. document.querySelectorAll('选择器'); //通过#id、.类名、标签获取满足条件的所有元素,返回NodeList构造的伪数组集合

  7. dodocument.documentElement; //返回html元素对象

  8. document.body ; // 获取body元素对象