JavaScript HTML DOM 主题
在哪一部分中您将学习查找和拒绝访问 HTML 元素 在 HTML 页面上。
搜索 HTML 元素
JavaScript 通常需要操作 HTML 元素。
为此,您需要立即了解这些元素。 赚钱的方式有很多种:
- 按标识符 (id) 搜索 HTML 元素
- 在 HTML 元素中搜索标签名称
- 在 HTML 元素中搜索类名称
- 使用 CSS 选择器搜索 HTML 元素
- 搜索 HTML 元素以获取 HTML 对象集合
通过 ID 搜索 HTML 元素
在 DOM 中查找 HTML 元素的最简单方法是查看元素的 id。
这个屁股知道元素来自 id="intro"
:
一旦找到元素,该方法就会将该元素转换为对象(在元素中)。
如果没有找到该元素,则该元素放错位置 null
.
在 HTML 元素中搜索标签名称
了解这个屁股的所有要素 <p>
:
元素 iz 在哪个应用程序中找到? id="main"
, а потім знайдено всі елементи <p>
всередині "main"
:
在 HTML 元素中搜索类名称
如果您想知道具有新类名的所有 HTML 元素,请继续 getElementsByClassName()
.
此示例旋转所有元素的列表 class="intro"
.
使用 CSS 选择器搜索 HTML 元素
如果您想找出与给定 CSS 选择器匹配的所有 HTML 元素(标识符、类名、类型、属性、属性值等),请使用 vicor 方法 querySelectorAll()
.
这个屁股旋转所有元素的列表 <p>
із class="intro"
.
搜索 HTML 元素以获取 HTML 对象集合
这屁股熟悉的表单元素 id="frm1"
у колекції форми та відображає всі значення елементів:
屁股
const x = 文档.表单["frm1"];
让文本=“”;
对于(让 i = 0; i < x.length; i++){
文本 += x.元素[i].值 + "<br> “;
}
document.getElementById("demo").innerHTML = text;
自己尝试一下»
可用的 HTML 对象(和对象集合)也可用: