typescript如何获取页面元素（typescript读取文件）

主机参考：VPS测评参考推荐/专注分享VPS服务器优惠信息！若您是商家可以在本站进行投稿，查看详情！此外我们还提供软文收录、PayPal代付、广告赞助等服务，查看详情！

我们发布的部分优惠活动文章可能存在时效性，购买时建议在本站搜索商家名称可查看相关文章充分了解该商家！若非中文页面可使用Edge浏览器同步翻译！PayPal代付/收录合作

TypeScript 检索页面元素

概述

TypeScript 提供了多种检索页面元素的方法。得到本文介绍了以下检索元素的方法：

1.通过ID获取元素

const element = document .getElementById('my-element');

此方法通过 ID 获取元素。 ID 必须是唯一的，因此只能检索一个元素。

2.通过类名获取元素

const elements = document.getElementsByClassName('my-class');

此方法通过类名检索指定类名的所有元素。这将返回一个 HTMLCollection 对象，它是一个包含所有匹配元素的类似数组的对象。

3. 通过标签名称获取元素

const elements = document.getElementsByTagName('p');

该方法通过标签名检索所有带有指定标签的元素。这将返回一个 HTMLCollection 对象，它是一个包含所有匹配元素的类似数组的对象。

4.通过查询选择器获取元素

const element = document.querySelector('.my-class');

const element = document.querySelectorAll ( ' .my-class');

querySelector方法返回与指定选择器匹配的第一个元素，而querySelectorAll方法返回所有匹配的元素。

5. 浏览 DOM 树

const element = document .body.firstElementChild;

const element = document.body.lastElementChild;

const element = document.body.nextElementSibling;

const element = document.body.previousElementSibling;

这些方法让你可以进行遍历。获取元素。