abstract：1，id选择器，根据页面元素id进行选取document.getElementById();2,name选择器，并不是所有的元素标签都存在name属性，一般有表单form，表单内部的元素，a标签，img标签等等，name选择器获取返回的对象为类数组，Nodelist，为对象集合。document.getElementsByName();因为返回的是一个元素的集合，所有会存在length属性，有一个
1，id选择器，根据页面元素id进行选取
document.getElementById();
2,name选择器，并不是所有的元素标签都存在name属性，一般有表单form，表单内部的元素，a标签，img标签等等，name选择器获取返回的对象为类数组，Nodelist，为对象集合。
document.getElementsByName();
因为返回的是一个元素的集合，所有会存在length属性，有一个item()的方法
3,根据标签名称获取对象,返回对象集合
document.getElementsByTagName();
因为返回的是一个元素的集合，所有会存在length属性，有一个item()的方法
3,根据标签名称获取对象
4，根据Class属性获取元素，也是返回一个元
document.getElementsByClassName();
class支持多值
document.getElementsByClassName(class1 class2 class3);
5，根据css选择器获取元素，同时选择页面元素最简单的方式就是用css选择器
返回符合条件的第一个元素
document.querySelector();
返回符合条件的所有元素
document.querySelectorAll();
有item()方法
以上方法不仅可以在document对象上调用，也可以在元素上调用，一般是在父元素上调用。
6，标签名和name属性选择器的快捷方式
(1),images：获取所有的<img>元素，返回对象集合
document.images
(2),forms：获取到页面所有的表单<form>，返回对象集合
document.forms
(3),links：获取页面所有的链接，返回对象集合
document.links
(4),body: 获取<body>主体
document.body
(5),head,获取<head>头部，插入style属性
let style = document.createElement('style') //创建style
document.head.appendChild(style) //在<head>标签底部插入style属性(6),documentElement获取<html>标签
document.documentElement
(7),doctype 获取文档类型
document.doctype
Correcting teacher：天蓬老师Correction time：2019-01-13 09:45:42
Teacher's summary：总结的非常到位呀,知道吗? 原生的js其实只支持二个: document.getElementById();document.getElementsByTagName();
其它的都是扩展的, 还有document.querySelector();和document.querySelectorAll(); 返回的是一个静态的html集合, 不能实时反映页面变化,如果在需要实时更新的场合千万不要用,
