js函数获取html中className所在的内容并去除标签

获取 HTML 中指定 className 所在的内容并去除标签,可以通过 JavaScript 函数来实现。下面是具体步骤:

  1. 选取需要获取 className 的元素

首先,需要通过 JavaScript 找到需要获取 className 的元素,可以使用 document.querySelector 或 document.querySelectorAll 方法。

const element = document.querySelector('.my-class');
  1. 获取元素的 innerHTML

获取到需要获取 className 的元素之后,就可以获取元素的 innerHTML 属性,这个属性可以返回元素中包含的所有 HTML 代码。

const elementHtml = element.innerHTML;
console.log(elementHtml);
  1. 使用正则表达式去除 HTML 标签

获取到元素的 innerHTML 之后,需要去掉其中的 HTML 标签。这可以通过正则表达式来实现。将 HTML 标签替换为空字符串即可。

const content = elementHtml.replace(/<\/?[a-z]+>/gi, '');
console.log(content);

完整代码示例 1:获取元素中指定 className 的文本内容

const element = document.querySelector('.my-class');
const elementHtml = element.innerHTML;
const content = elementHtml.replace(/<\/?[a-z]+>/gi, '');

console.log(content);

完整代码示例 2:获取所有指定 className 的元素文本内容

const elements = document.querySelectorAll('.my-class');
const contents = [];
for (let i = 0; i < elements.length; i++) {
  const elementHtml = elements[i].innerHTML;
  const content = elementHtml.replace(/<\/?[a-z]+>/gi, '');
  contents.push(content);
}

console.log(contents);

需要注意的是,获取到的内容仅仅是文本,如果需要保留部分标签可以在正则表达式中加入对应标签的正则匹配。

本站文章如无特殊说明,均为本站原创,如若转载,请注明出处:js函数获取html中className所在的内容并去除标签 - Python技术站

(0)
上一篇 2023年6月15日
下一篇 2023年6月15日

相关文章

  • 这可能是最全面的MySQL面试八股文了

    什么是MySQL MySQL是一个关系型数据库,它采用表的形式来存储数据。你可以理解成是Excel表格,既然是表的形式存储数据,就有表结构(行和列)。行代表每一行数据,列代表该行中的每个值。列上的值是有数据类型的,比如:整数、字符串、日期等等。 数据库的三大范式 第一范式1NF 确保数据库表字段的原子性。最全面的Java面试网站 比如字段 userInfo:…

    Java 2023年4月25日
    00
  • JavaWeb Servlet中url-pattern的使用

    当我们开发JavaWeb应用程序时,Servlet是最常用的核心组件之一。而servlet和客户端交互时,url-pattern就是一个非常重要的属性。本篇文章将详细讲解JavaWeb Servlet中url-pattern的使用,包括其用途、语法、注意事项以及两个示例。 一、url-pattern的用途 url-pattern是Servlet负责处理HTT…

    Java 2023年6月15日
    00
  • 通过代码实例了解SpringBoot启动原理

    通过代码实例了解Spring Boot启动原理 Spring Boot是一个基于Spring框架的快速开发应用程序的工具。在本文中,我们将通过代码实例了解Spring Boot的启动原理。 Spring Boot启动原理 Spring Boot的启动原理可以概括为以下几个步骤: 加载Spring Boot的核心配置文件。 根据配置文件中的信息,创建Sprin…

    Java 2023年5月15日
    00
  • 使用JPA传递参数的方法

    使用JPA传递参数的方法有多种,可以通过注解、命名参数以及查询参数的方式来实现。下面我将详细讲解这三种方式。 1. 使用注解传递参数 使用注解传递参数的方式需要在SQL语句中使用占位符,同时在代码中使用@Param注解来将参数与占位符对应起来。 例如,我们需要查询某个用户的信息,并且需要使用到用户的id和姓名两个参数。SQL语句可以这样写: SELECT *…

    Java 2023年5月20日
    00
  • Java实现BASE64编码和解码的方法

    下面是“Java实现BASE64编码和解码的方法”的完整攻略。 BASE64编码和解码概述 BASE64是一种基于64个可打印字符来表示二进制数据的算法,在网络传输中常用于数据加密和解密、数字签名等领域。 BASE64编码 BASE64编码可以将任意二进制数据编码成可打印的ASCII字符集的代表字符串,常用于将二进制数据在网络传输或者在文本协议中作为参数进行…

    Java 2023年5月20日
    00
  • 创建Java线程安全类的七种方法

    让我详细讲解“创建Java线程安全类的七种方法”的完整攻略。Java线程安全类是多线程环境下安全并发的类,可以保证并发性的正确性。在Java中,可以使用以下7种方法来创建线程安全的类: 不可变性(Immutability):在Java中,不可变的对象是线程安全的,因为不可变对象的状态是不可更改的。你可以通过使用final修饰符来创建不可变的对象。例如: pu…

    Java 2023年5月19日
    00
  • Java中关于字符串的编码方式

    Java中关于字符串的编码方式,是指将字符串表示成一系列的字节序列的方式。在Java中,常见的字符串编码方式有ASCII编码、Unicode编码和UTF-8编码。 ASCII编码 ASCII编码是最基本的字符编码,它将每个字符表示成一个8位的字节,可以表示128个不同的字符。在Java中,可以使用String类的getBytes()方法将字符串按照ASCII…

    Java 2023年5月20日
    00
  • logback日志输出格式设置方式

    下面是“logback日志输出格式设置方式”的完整攻略。 定义日志输出格式 在使用logback日志框架时,可以通过配置文件来定义日志输出格式。logback支持两种方式来定义日志输出格式:PatternLayout和encoder。 PatternLayout 在logback中,可以通过PatternLayout来自定义日志输出格式。通过指定一个格式化字…

    Java 2023年5月26日
    00
合作推广
合作推广
分享本页
返回顶部