所谓DOM就是Document Object Model即文档对象模型,JS是一门解释型的语言,编程的语言分为两种类型,一种是解释型,一种
是编译型,而编译型语言,一般是先进行编译,编译完成以后才开始执行,所以当语言执行过程中有错误的话,一般会在编译的时候
就会出现问题,而解释型语言,一般是解释器执行到那行代码才有可能发现错误。
“D"具体是指document即文档。
”O“是Object即对象,JS中的对象分为三种:
1、用户自定义对象
2、内建对象:如Array,Math
3、宿主对象:由浏览器提供的对象,如window
"M"是Model即模型
JS把一个html文档转看成一个文档树。例如一最基本的html的格式为:
<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body>
</body>
</html>
把它对应成一个文档树就是这样:
在DOM中所有的标签都被看成一个节点,而节点又分成三种,以后走是元素节点,另外一种是文本节点,还有就是属性节点。
元素节点实际上就是DOM的原子,如上面的body标签,以及p标签等等
而文本节点,就像这样:<p>文本内容</p>,如果一个P标签里面包含了文本内容,就叫做文本节点。
而属性节点就是描述一个标签的属性值,比如<p title="pname">文本内容</p>这里title="pname"就是一个属性节点
js中获取元素节点有三种方法:
1、getElementById
var ps= document.getElementById("purchases");
这里获取了id为puechases的元素标签,并把它赋值的变量名为ps的变量
2、getElementsByTagName
根据标签名获取一组对象
var ps=document.getElementsByTagName("li");
3、getElementsByClassName()
根据类名称获取一组对象
var sales=document.getElementsByClassName("sale");