JavaScript-DOM操作
2021-03-09 20:28
标签：html元素 选择 tor code family || class 元素 元素对象 JavaScript-DOM操作 标签：html元素 选择 tor code family || class 元素 元素对象 原文地址：https://www.cnblogs.com/Ming-Y/p/14166055.htmllet xx=document.getElementById(‘box‘);
1.获取元素Id名为box的元素let xx=document.getElementByTagName(‘li‘);
1.它的上下文也只能是document
2.另外，正常的规范中，咱们只会给表单元素起name值，如果给其它元素设置name，在ie9以下版本浏览器不兼容，是获取不到的，
所以为了这种情况，咱们以后养成习惯，只给表单元素用name，非表单元素不用namelet 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.获取一屏幕的宽度