javascript - DOM操作1：获取页面元素

DOM操作1：获取页面元素

根据id获取元素 getElementById

document.getElementById('id名')

获取到的数据类型 HTMLDivElement，对象都是有类型的

注意：由于id名具有唯一性，部分浏览器支持直接使用id名访问元素，但不是标准方式，不推荐使用。

根据标签名获取元素 getElementsByTagName

document.getElementsByTagName('div') 返回值 HTMLCollection(426) [div#csdn-toolbar, div.toolbar-inside...]

根据name获取元素 getElementsByName

document.getElementsByName('report')

返回值是 NodeList(2) [meta, meta]，如果标签没有定义name属性则会返回空数组NodeList []

根据类名获取元素 getElementsByClassName

document.getElementsByClassName('main') 返回值 HTMLCollection [div.main]

根据选择器获取元素

document.querySelector('#text') 返回值HTMLDivElement

document.querySelectorAll('.box') 返回值 NodeList []