JavaScript|DOM初步

引言

DOM全称是：Document Object Model(文档对象模型)是浏览器提供给JavaScript使用的操作HTML和CSS的接口。js通过DOM操作HTML和CSS。DOM不是一个新的语言，本质上他就是给js提供一些新的对象和方法而已。js、DOM、HTML和CSS的关系是(如一座敲梁一般)：

DOM节点

HTML元素的方法

如果要操作某个HTML元素，首先要得到这个标签。通俗地说，就是把HTML标签"拿到"JavaScript里面来.DOM提供了几个非常实用的得到元素的方法。

getElementById()

格式如下：

document.getElementById("id");

id属性是任何HTML标签都可以添加的属性，一个页面中的任何两个标签绝对不能有相同的id属性。正因如此，使用document.getElementById()方法得到的元素一定只有1个。大小写非常敏感。

getElementByTagName()

格式如下：

document.getElementByTagName("p");

使用这个方法得到的不是1个标签，而是标签数组，Elements中的字母s表示复数。

getElementByClassName()

格式如下：

document.getElementsByClassName()

 querySelector()和querySelectorAll()

	
		
		
		
	
	
		

			

				
我是列表项
				
我是特殊的列表项
				
我是列表项
				
我是特殊的列表项
				
我是列表项
			
		
	

查看 / 修改 / 删除属性节点

getAttribute (" 属性名 ")

setAttribute (" 属性名 "," 属性值 ")

removeAttribute ( “属性名” )

创建和增加节点 的方法

createElement （）：创建元素节点 

appendChild （）：末尾追加方式插入节点

insertBefore （）：在指定节点前插入新节点

cloneNode （）：克隆节点