Laravel  
laravel
文档
数据库
架构
入门
php技术
    
Laravelphp
laravel / php / java / vue / mysql / linux / python / javascript / html / css / c++ / c#

js去除html标签

作者:天辰皇族   发布日期:2026-02-20   浏览:84

// 示例代码:去除HTML标签

function stripHtmlTags(html) {
    // 创建一个临时的DOM节点
    const tempDiv = document.createElement("div");
    // 将HTML字符串设置为该节点的innerHTML
    tempDiv.innerHTML = html;
    // 返回文本内容,即去除了所有HTML标签的内容
    return tempDiv.textContent || tempDiv.innerText || "";
}

// 示例用法
const htmlString = "<p>这是一个<strong>测试</strong>段落。</p>";
const plainText = stripHtmlTags(htmlString);
console.log(plainText);  // 输出: 这是一个测试段落。

// 解释说明:
// 1. 创建一个临时的div元素,利用其innerHTML属性解析HTML字符串。
// 2. 通过访问textContent或innerText属性获取纯文本内容,从而去除所有HTML标签。
// 3. textContent是标准属性,支持大多数现代浏览器;innerText是IE特有的属性,用于兼容性处理。

上一篇:json转html

下一篇:日漫网站设计html+css+js

大家都在看

js 数组打乱顺序

js 数组对象排序

js 对象数组排序

js 数组删掉第一个值

js fill

js 数组连接

js json数组

js 数组复制

js 复制数组

js 数组拷贝

Laravel PHP 深圳智简公司。版权所有©2023-2043 LaravelPHP 粤ICP备2021048745号-3

Laravel 中文站