JavaScript-DOM操作

let xx=document.getElementById(‘box‘); 

1.获取元素Id名为box的元素

let xx=document.getElementByTagName(‘li‘); 

1.它的上下文也只能是document
2.另外，正常的规范中，咱们只会给表单元素起name值，如果给其它元素设置name，在ie9以下版本浏览器不兼容，是获取不到的，
　所以为了这种情况，咱们以后养成习惯，只给表单元素用name，非表单元素不用name

let xx=document.getElementsByClassName(‘box‘); 

1.根据页面的class名获取一组名为box的元素集合
2.此方法在ie6--ie8下不兼容

let xx=document.querySelector(‘#box‘);

1.通过选择器获取指定的元素，即使匹配的有多个，也只会对第一个起作用，获取到的是一个对象(和咱们平时写css时候写选择器是一样的

let xx=document.querySelectorAll(‘#box‘);

1.与document.querySelector的区别在与前者获取一个，后者获取所有
2.querySelector 和querySelector 在ie6-ie8 下不兼容

document.body

1.获取body元素对象

document.head

1.获取Head元素对象

document.documentElement

1.获取html元素对象

var vH=document.documnentElement.clientHeight || document.body.clientHeight;
1.获取一屏幕的高度

var vW=document.documentElement.clientWidth || document.body.clientWidth;
1.获取一屏幕的宽度