DOM:Document Object model 文档对象模型
html元素标签六大公共属性:class、id、title、name、style、data-*
获取节点(元素):
- 通过 id 获取:var user = document.getElementById('user'); // 若获取得到返回一个原生DOM元素,找不到则返回null
- 通过class 类名获取: var box = document.getElementsByClassName('box'); // 若成功获取则返回列表; 获取原生DOM元素: var b1 = box[0];
- 通过属性name获取:var name = document.getElementsByName('password') // 获取返回列表,与class获取相同
- 通过标签名称:var div = document.getElementsByTagName('div'); //
- 通过css选择器: var ele = document.querySelector('.class'); // 获取第一个原生DOM元素 ,返回第一个原生DOM元素 , document.querySelector(css选择器);
- 通过css选择器: var ele = document.querySelectorAll('#list>li’);