DOM、、 - 码农知识堂

DOM、、
ＤＯＭ是ｗ３ｃ的标准

ＤＯＭ定义了访问ＨＴＭＬ和ＸＭＸＬ文档的标准

ｗ３ｃＤＯＭ标准被分为３个不同的部分：

１.核心ＤＯＭ：针对任何结构化的标准模型
- Ｄｏｃｕｍｎｔ：整个文档对象
- Ｅｌｅｍｅｎｔ：元素对象
- Ａｔｔｒｉｂｕｔｅ：属性对象
- Ｔｅｘｔ：文本对象
２.ＸＭＬDOM：针对HTML文档的标准模型

3.HTML DOM：针对HTML文档的标准模型

获取Element对象

获取:使用Document对象获取
```
<body>
<img id="light"  src="../img//三只松鼠.jpg"><br>
<div class="cls">CSDN</div><br>
<div class="cls">安徽信息工程学院</div><br>
 
<input type="checkbox" name="hobby">电影
<input type="checkbox" name="hobby">旅游
<input type="checkbox" name="hobby">游戏
<br>
```
1.getElementById：使用id属性值获取，返回一个Element对象、
```
var img=document.getElementById("light");
alert(img);
```
2.getElementByTagName：根据标签名称获取，返回一个Element对象数组
```
var divs=document.getElementsByTagName("div");
alert(divs.length);
```
3.getElementByName：根据name属性值获取，返回一个Element对象数组
```
var hobby=document.getElementsByName("hobby");
for(let i=0;i<hobby.length;i++){
alert(hobby[i]);
}
```
4.getElement ByClassName：根据class属性值获取，返回Element对象数组
```
var clss=document.getElementsByClassName("cls");
for(let i=0;i<clss.length;i++){
alert(clss[i]);
}
```
常见的Element对象使用
```


```
```
var divs=document.getElementsByTagName("div");
alert(divs.length);
 


for(let i=0;i<divs.length;i++){
divs[i].style.color='red';
divs[i].innerHTML="呵呵";
}
```
```
img.src="../img//小米.jpg"
```
修改图片的src

其他的可以查阅w3school参考手册JavaScript 和 HTML DOM 参考手册 (w3school.com.cn)
相关阅读:
2022刘润年度演讲：进化的力量
 【村长的刷题手册-1】LeetCode刷题笔记，不断总结继续出发
 《缺氧》笔记整理
 从Endnote导入Zotero(含PDF)
图解系列--路由器和它庞大的功能
 zabbix监控windows进程
 【UniApp】-uni-app-动态计算字体大小(苹果计算器)
mysqldump --where参数的变化
 涉及法律诉讼和负债670万美元的【工务园】申请纳斯达克IPO上市
 漏电继电器 JELR-(120)FG AC220V 零序电流互感器孔径φ45 上海约瑟
原文地址：https://blog.csdn.net/qq_57907966/article/details/125477755