innerText | 1、不识别HTML标签 2、 非标准 3、去除了空格和换行 |
innerHtml | 1、识别HTML标签 2、符合W3C标准 |
共同点:两个属性都是可读的 可以获取元素里面的内容
document.getElementById(' ')
1、文档从上到下加载 所以带先有标签 script写在标签下面
2、get获得 element 元素 by 通过 用小驼峰命名法
3、参数 id是大小写敏感的字符串
4、返回的是一个元素对象
5、console.dir 打印我们返回的元素对象 更好的查看里面的元素和方法
document.getElementsByTagName('')
1、返回的是获取过来的元素对象的集合 以伪数组的形式存储
获取父元素中的子元素 父元素.getElementsByTagName('子元素')
document.getElementsByclassName('类名') // 根据类名返回元素对象集合;
document.querySelector('选择器') 根据指定选择器返回第一个元素对象
documen.querySelectorAll()根据指定选择器返回第全部元素对象
获取body元素 document.body
获取html元素 document.documentElement();