📅  最后修改于: 2023-12-03 14:57:12.607000             🧑  作者: Mango
在 web 开发中,我们经常需要使用 JavaScript 来获取网页中的元素及其相关属性。使用 JavaScript 来获取 h1 文本也并不困难,只需使用 document 对象的 getElementsByTagName 方法来获取 h1 元素,再使用 innerHTML 属性获取其文本内容即可。
以下是获取 h1 文本的 JavaScript 代码片段:
// 获取 h1 元素
const h1Elems = document.getElementsByTagName('h1');
// 获取第一个 h1 元素的文本内容
const h1Text = h1Elems[0].innerHTML;
代码说明:
getElementsByTagName
方法获取页面中所有 h1 元素,返回一个 HTMLCollection 集合。注意,这里的参数 'h1'
是不区分大小写的。[0]
获取 HTMLCollection 集合中第一个 h1 元素。innerHTML
属性获取第一个 h1 元素的文本内容,innerHTML
属性会返回元素所有的 HTML 内容,包括标签及其内容。getElementsByTagName
方法将返回一个 HTMLCollection 集合。需根据实际情况选择获取其中一个或多个元素的方式。innerHTML
属性的工作原理,获取 h1 元素文本内容时也会返回其中的 HTML 标签,如果需要获取纯文本内容,可以使用 innerText
或 textContent
属性。以上是获取 h1 文本的 JavaScript 代码,在实际开发中,也可以使用第三方库(如 jQuery)等更简单的方式来实现,但了解 JavaScript 的原生方式是必不可少的。