onload=()=>{} //dom创建完成后执行
document:表示一整个html文档
节点
-
文本节点:1.包括换行 2.标签的文字部分 3.单标签无文本节点,也无子元素 -
元素节点(元素对象):1.标签,每一个标签为一个元素 2.一个标签一个对象 -
属性节点:1标签的属性
在js中获取html中的节点:
-
document.getElementsByClassName('类名');//通过类名取元素,可以获取多个,返回伪数组(HTMLCollection构造的伪数组)
-
document.getElementById('id名');//通过id名获取,返回元素对象
-
document.getElementsByTagName('标签名');//通过标签名获取多个元素,返回的是伪数组
-
getElementsByName('name名'); //通过name名获取满足条件的
多个元素,返回NodeList构造的伪数组集合,可以用forEach -
document.querySelector('选择器') ;//通过#id名、.类名、标签获取满足条件的
第一个,返回元素对象 -
document.querySelectorAll('选择器'); //通过#id、.类名、标签获取满足条件的
所有元素,返回NodeList构造的伪数组集合 -
dodocument.documentElement; //返回html元素对象
-
document.body ; // 获取body元素对象