网络零售商的终极网站

JS皮德鲁奇尼克

JS启动 JS简介 JS安装 JS维维登亚 JS指令 JS 语法 JS评论 JS兹明尼 JS 关键字 Let JS 关键字常量 JS 运算符 JS 算术 JS 作业 JS 蒂皮致敬 JS函数 JS 对象 JS波迪 JS Рядки JS Рядкові 方法 JS Рядковий пошук JS Рядкові 玻璃 JS 数字 JS 数值方法 JS马西维 JS 梅迪·马西武 JS 索尔图瓦尼亚地块 JS 数组的迭代 JS 数组常量 JS达蒂 JS 日期格式 JS 获取日期的方法 JS 插入日期的方法 JS数学 JS 潘多姆尼 JS布勒维 JS 波里夫尼亚尼亚 JS乌莫维 JS 开关 JS For 循环 JS For 循环 JS For Of 循环 JS While 循环 JS 中断与继续 JS 迭代 JS Networks(名堀) JS马皮 JS Typeof JS型重新设计 JS波比托夫 JS 会员登录 JS波米尔基 JS区dii JS 托管 JS 使用严格 JS 关键字 this JS 箭头函数 JS克拉西 JS 模块 JS JSON 维德拉卡 JS 的博客 JS Kraschi 实践 JS 扩大奇偶校验 JS 生产力 JS 保留字

JS 版本

JS 版本 JS 2009(ES5) JS 2015(ES6) 小学 2016 小学 2017 小学 2018 JS IE/Edge JS 历史

JS 对象

重要的物体 对象的权限 对象方法 物体的视图 访问对象 对象构造函数 对象的原型 迭代对象 对象网络(集合) 对象地图 对象顾问

JS函数

重要功能 功能参数 维克利克函数 调用()函数 apply() 函数 绑定()函数 封闭功能

JS克拉西

克拉西。 介绍 静下心来上课 静态方法

JS 阿辛赫罗尼

门呼叫 Асинхроний 普罗米西 异步/等待

JS HTML DOM

DOM 输入 DOM 方法 DOM文档 DOM 主题 DOM HTML 多姆福米 DOM CSS DOM 动画 DOM波迪 DOM 监听器来了 DOM 导航 多姆·伍斯利 DOM 集合 DOM Vuzlovy 列表

JS 浏览器 BOM

JS维克诺 JS屏幕 JS位置 JS 历史 JS 导航器 JS 溢出警报 JS计时 JS 饼干

JS 网络 API

网页API加入 网络表单API 网络历史API Web API 怪物 网络工作者 API 网络采样API 网络地理定位 API

JS AJAX

AJAX 加入 AJAX XMLHttp AJAX请求 AJAX 维德古克 AJAX XML 文件 AJAX PHP AJAX ASP AJAX数据库 AJAX 附加组件 AJAX 应用

JS JSON

JSON 输入 JSON 语法 JSON 和 XML JSON 数据类型 JSON 分析 JSON 字符串化 JSON 对象 JSON 马西维 JSON服务器 JSON 格式的 PHP JSON 的 HTML JSON JSONP

JS 和 jQuery

jQuery 选择器 jQuery HTML jQuery CSS jQuery DOM

JS申请

JS申请 JS HTML DOM JS HTML 输入 JS HTML 对象 JS HTML Podii JS浏览器 JS 编辑 JS 右 JS 测验 JS证书

JS多维德尼基

JavaScript 对象 HTML DOM 对象

JavaScript。 乌克兰移动教育协会 W3Schools 成员

JavaScript HTML DOM 主题


在哪一部分中您将学习查找和拒绝访问 HTML 元素 在 HTML 页面上。


搜索 HTML 元素

JavaScript 通常需要操作 HTML 元素。

为此,您需要立即了解这些元素。 赚钱的方式有很多种:

  • 按标识符 (id) 搜索 HTML 元素
  • 在 HTML 元素中搜索标签名称
  • 在 HTML 元素中搜索类名称
  • 使用 CSS 选择器搜索 HTML 元素
  • 搜索 HTML 元素以获取 HTML 对象集合

通过 ID 搜索 HTML 元素

在 DOM 中查找 HTML 元素的最简单方法是查看元素的 id。

这个屁股知道元素来自 id="intro":

屁股

const 元素 = document.getElementById("介绍");
自己尝试一下»

一旦找到元素,该方法就会将该元素转换为对象(在元素中)。

如果没有找到该元素,则该元素放错位置 null.


在 HTML 元素中搜索标签名称

了解这个屁股的所有要素 <p>:

屁股

const 元素 = document.getElementsByTagName("p");
自己尝试一下»

元素 iz 在哪个应用程序中找到? id="main", а потім знайдено всі елементи <p> всередині "main":

屁股

const x = document.getElementById(“main”);
const y = x.getElementsByTagName(“p”);
自己尝试一下»

在 HTML 元素中搜索类名称

如果您想知道具有新类名的所有 HTML 元素,请继续 getElementsByClassName().

此示例旋转所有元素的列表 class="intro".

屁股

const x = document.getElementsByClassName("介绍");
自己尝试一下»

使用 CSS 选择器搜索 HTML 元素

如果您想找出与给定 CSS 选择器匹配的所有 HTML 元素(标识符、类名、类型、属性、属性值等),请使用 vicor 方法 querySelectorAll().

这个屁股旋转所有元素的列表 <p> із class="intro".

屁股

const x = document.querySelectorAll("p.intro");
自己尝试一下»

搜索 HTML 元素以获取 HTML 对象集合

这屁股熟悉的表单元素 id="frm1" у колекції форми та відображає всі значення елементів:

屁股

const x = 文档.表单["frm1"];
让文本=“”;
对于(让 i = 0; i &lt; x.length; i++){
文本 += x.元素[i]. + "<br> “;
}
document.getElementById("
demo").innerHTML = text;
自己尝试一下»

可用的 HTML 对象(和对象集合)也可用:


向自己寻求帮助吧

正确的:

维科里斯特法 getElementById, щоб знайти елемент <p> 我想问一下你说“你好”。

<p id="demo"></p>

<script>
 = "Hello";
</script>