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

1.通过id获取

 方法：document.getElementById('id值')

 用法：方法的参数填要获取元素的id，参数为字符串类型，且方法只能获取到一个元素，因为id是唯一的。如果有多个id相同的元素，会获取最上面的那个元素，因为浏览器解析html代码是从上往下执行的。返回值为获取到的id元素，没获取到，返回值为null。

2.通过name属性获取

 方法：document.getElementsByName('name值')

 用法：参数是要获取元素的name值，类型也是字符串。但是name和id不同，name不具有唯一性，所以获取到的是一个类数组.。如果想获取到具体的某个元素，可以在方法后加中括号，括号里填元素的索引值。返回值是获取到name元素的类数组，没获取到为null。

 

3.通过标签名获取

 方法：document.getElementsByTagName('标签名')

 用法：参数为获取元素的标签名。参数类型，获取值和返回值和name方法获取的相同。

 4.通过class类名获取

 方法：document.getElementsByClassName('类名')

 用法：参数为获取元素的类名。参数类型，获取值和返回值和name方法获取的相同。

 5.通过CSS选择器获取（1）

 方法：document.querySelector('CSS选择器')

 用法：参数为获取元素的选择器。参数类型，获取值和返回值和id方法获取的相同。querySelector方法也是只获取一个元素。

 6.通过CSS选择器获取（2）

方法：document.querySelectorAll('CSS选择器')

 用法：类似于querySelector方法，不过querySelectorAll是获取所有元素。

 7.获取body元素

属性：document.body

 用法：这是一个属性，不是方法。会返回body元素对象.

 8.获取html元素

 属性：document.html

 用法：这是一个属性，不是方法。会返回html元素对象.

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

第一种，直接在html代码上设置标签的事件处理

 

 第二种，将html与js代码彻底分离，在js中为指定元素添加事件处理

 

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

一，

var box=document.getElementById("box");

box.parentNode.removeChild(box);

 二，

var box=document.getElementById("box");

box.removeNode(true);

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

history:历史模式， 常用属性：forward， go， back

navigator：导航, 属性userAgent， 查看浏览器的信息， platform 查看平台信息， product， 查看浏览内核

screen：屏幕，availWidth, avaliHeight, width, height等

location：位置， 常用有href， pathName， origin， PORT， protocol