如何使用 JavaScript 获取标签内容？获取文本内容：innerText：获取标签及其子标签文本textContent：仅获取标签自身文本获取 HTML 内容：innerHTML：获取标签及其子标签 HTMLouterHTML：获取标签自身以及子标签 HTML获取属性值：getAttribute()：获取指定属性值dataset[]：获取 data-* 属性值获取标签列表：querySelectorAll()：按选择器获取标签getElementsByTagName()：按标签名获取标签
如何使用 JavaScript 获取标签内容
获取文本内容
获取标签中文本内容有以下方法：
innerText：获取标签内部的所有文本内容，包括子标签的文本。textContent：类似于 innerText，但它不会获取子标签的文本。
示例：
const text = element.innerText; // 获取标签及其所有子标签的文本
登录后复制
获取 HTML 内容
获取标签的 HTML 内容有以下方法：
innerHTML：获取标签内部的所有 HTML 内容，包括子标签。outerHTML：获取标签及其自身内容的 HTML。
示例：
const html = element.innerHTML; // 获取标签及其所有子标签的 HTML
登录后复制
获取属性值
获取标签的属性值有以下方法：
getAttribute(attributeName)：获取指定属性的属性值。dataset[data-attribute-name]：获取 data-* 属性的属性值。
示例：
const value = element.getAttribute("href"); // 获取标签的 href 属性值const dataValue = element.dataset.myValue; // 获取标签的 data-my-value 属性值
登录后复制
获取标签列表
获取页面中指定标签的列表有以下方法：
querySelectorAll(selector)：返回匹配给定选择器的所有标签。getElementsByTagName(tagName)：返回具有指定标签名的所有标签。
示例：
const elements = document.querySelectorAll("p"); // 返回所有 标签const elements = document.getElementsByTagName("p"); // 返回所有
标签
登录后复制
以上就是js如何获取标签内容的详细内容，更多请关注【创想鸟】其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至253000106@qq.com举报，一经查实，本站将立刻删除。
发布者：PHP中文网，转转请注明出处：https://www.chuangxiangniao.com/p/2673889.html
