JavaScript DOM和节点以及获取元素的常用方法

时间:2021-01-27 14:39:03

所谓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>
把它对应成一个文档树就是这样: JavaScript DOM和节点以及获取元素的常用方法 在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");