DOM操作

1、列举所有获取 DOM 元素的方法

　　1、通过id获取 document.getElementById('元素的id') ；

　　2、通过元素的标签名来获取一组元素 document.getElementsByTagName('元素的标签名')
　　3、通过元素的name属性的值获取一组元素 getElementsByName()
　　4、通过元素的类名 getElementsByClassName()
　　5、直接获取HTML元素 document.documentElement
　　6、//获取一个
　　document.querySelector()
　　7、//获取多个
　　document.querySelectorAll()

2、列举添加 DOM 元素的方法

　　创建一个元素 createElement()

　　添加一个元素 appendChild()

　　document.innerHTML

　　document.write() 

3、列举移除 DOM 元素的方法

　　removeChild()
4、分别列举 BOM 常用对象 location navigator history screen 中的属性和方法

　　1、Navigator 对象：包含浏览器信息。如：获取浏览器名称、版本信息、操作系统平台信息等等。
　　调用方式：window.navigator 或者 navigator。

 

 

属性	描述
appMinorVersion	返回浏览器的次级版本。
appName	返回浏览器的名称。
appVersion	返回浏览器的平台和版本信息。
browserLanguage	返回当前浏览器的语言。
cookieEnabled	返回指明浏览器中是否启用 cookie 的布尔值。
cpuClass	返回浏览器系统的 CPU 等级。
onLine	返回指明系统是否处于脱机模式的布尔值。
platform	返回运行浏览器的操作系统平台。

 

　　2、Screen 对象：包含屏幕信息。获取屏幕的宽高等
　　调用方式：window.screen 或者 screen。

　　

属性	描述
availHeight	返回显示屏幕的高度 (除 Windows 任务栏之外)。
availWidth	返回显示屏幕的宽度 (除 Windows 任务栏之外)。
fontSmoothingEnabled	返回用户是否在显示控制面板中启用了字体平滑。
height	返回显示屏幕的高度。
width	返回显示器屏幕的宽度。

　　3、History 对象

　　History 对象：可对当前页的浏览历史进行操作，如：前进、后退等。但不能知道浏览了哪些URL。

　　调用方式：window.history 或者 history。

方法	描述
back()	加载 history 列表中的前一个 URL。  history.back()
forward()	加载 history 列表中的下一个 URL。history.forward()
go()	加载 history 列表中的某个具体页面。history.go(number|URL)

　　4、Location 对象

　　Location 对象：可对当前页面的URL进行操作，如：导航到新的页面、获取URL信息等。

　　调用方式：window.location 或者 location。

　　location.href=URL