BOM:浏览器对象模型

DOM入门

### 元素节点：任何元素都是元素节点

### 属性节点：任何的属性都是属性节点

### 文本节点：任意的文本都是文本节点

存在增删改查

查：获取元素节点的方式

有以下方式：

1、通过选择器获取

id选择器 通过id属性来获取元素，里面的参数为string类型的id，返回值是一个htmlElement

<div id='box' class="content" name=divName><b>你好</b></div>
    var box=document.getElementById("box")    //获取id值为box的元素
console.log(box)

2、class选择器，通过class属性来获取对应的元素，他传入的参数为string类型的class名字，返回值是一个htmlCollection<Element>返回的是一个集合，这个集合存储了Element，但是htmlCollection不是一个数组，他不具备数组的方法，只是存在对应的下标和length属性

var content = document.getElementByClassName("content")
console.log(content)

3、所以我们可以用下标来获取对应的htmlCollection里面的元素

console.log(content[0])

4、通过name值来获取，返回的类型是一个nodeList,nodeList不是htmlCollection，但是他同样具备对应的下标和length属性，他的方法要比htmlCollection多

##### 【注】区别

var divName=document.getElementByName('divName')
console.log(divName);
consoler.log(divName[0])

复合选择器：里面的参数为string类型的选择器，返回第一个匹配选择器的元素，返回的是一个element

var selectDiv=document.querySelector('div')
consolse.log(seletDiv);

 返回所有匹配选择器的元素，接受的是一个nodeList

var seletAll= document.querSelector('div')
console.log(selectAll);
console.log(seletArr[0]);