JavaScript Document Object
Document Object
我们知道 DOM 是 Document Object Model(文件物件模型)，Document Object，是window 物件的一个属性，那Model 指的是甚麽?
它指的是
所有HTML 元素都是物件
也就是说，所有HTML元素都有其属性与方法，形成一个树状结构，而Document 也是 HTML 的根节点
。
Document Object 常见的方法有:
*addEventListener()
*getElementById()
*createElement()
*getElementsByClassName()
*getElementByTagName()
*querySelector()
*querySelectorAll()
这里补充:getElementByClassName() 会回传 HTMLCollection，这包含你选定Class的元素，HTMLCollection
是一种类阵列(Array like)HTMLCollection
可以用index的方式选取元素
EX:
<!DOCTYPE html>
<html>
<body>
<div class="a">1</div>
<div class="a">2</div>
<div class="a">3</div>
<div class="a">4</div>
<script>
var x = document.getElementsByClassName("a");
x[0].innerHTML = "Hello World!";
</script>
</body>
</html>
结果:
参考文章:
[菜鸟教程 DOM ](HTML DOM Document 对象 | 菜鸟教程 (runoob.com))
[W3school HTML DOM getElementsByClassName() Method
<<: [Day26] 第二十六章-使用patch送出分数并且修改前端edit.blade.php
Day 21 资料宝石：【Lab】RDS架构 建立自己的第一台云端资料库 (上)
今天我们将开始进行 RDS Lab 练习，架构自己的第一台云端资料库。由於此章节非常大，我将会分成...
认识C# 的 IndexOf 与 LastIndexOf
今日之自学笔记 浅谈在C#中字串相关的查找方法有IndexOf、LastlndexOf IndexO...
聊系统文字工具与服务日志可视性浅谈的缘由
这系列只是这两年自己的工作学习笔记 内容相当的杂, 但希望藉由这次的铁人赛期间顺便复习 一开始会复习...
从疫情聊聊 WFH 是福音还是地狱
习惯是可以半自动执行的行为，但很依赖节奏；修练则是终身的追求，所以可以灵活。节录自 刘轩《天上总会...
[Day07]打造专业稽核形象
从上图可知衣装仪态的重要性。 其实，稽核专业的形象，一直是我所追求的目标，即使我在资安顾问的年资已...