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

本文介绍了文档对象模型(DOM)的基本概念,包括其组成元素、节点类型及通过JavaScript访问和操作DOM的方法。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

所谓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");
 



评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

Master_Yoda

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值