使用javascript删除包含innerText的所有选定HTML元素_Javascript_Html

使用javascript删除包含innerText的所有选定HTML元素

javascript html

使用javascript删除包含innerText的所有选定HTML元素,javascript,html,Javascript,Html,我正在尝试解析html标记，希望从TextArea1中给出的代码中删除这些标记，并希望在单击按钮时在TextArea2中显示输出 <!DOCTYPE html> <html> <head> <title></title> <meta charset="utf-8" /> </head> <body> <textarea id="TextAre

我正在尝试解析html标记，希望从TextArea1中给出的代码中删除这些标记，并希望在单击按钮时在TextArea2中显示输出

<!DOCTYPE html>
<html>
<head>
    <title></title>
    <meta charset="utf-8" />
</head>
<body>
    <textarea id="TextArea1" rows="10" cols="100"></textarea><br />
    <textarea id="TextArea2" rows="10" cols="100"></textarea><br />
    <input id="Submit1" onclick="parsehtml()" type="submit" value="submit" />
    <script>
        function parsehtml()
        {
            document.getElementById("TextArea2").value = document.getElementById("TextArea1").value.replace(/<\/?[^>]+>/ig, " ");
        }
    </script>
</body>
</html>

此代码返回如下输出：

 Span 1 
 opt 01 
 opt 02 
 Span 2 
 opt 11 
 opt 12

请帮助我删除所有

…

以及

innerText

中的所有内容，并希望以如下方式输出：

Span 1 Span 2

提前感谢。

这里用不同的方法更新了版本。我们从输入值创建新的html元素，并获取span元素textContent

function parsehtml()
{
    let value = document.getElementById("TextArea1").value
    let html = document.createElement('html');
    html.innerHTML = value
    let spans = Array.from(html.getElementsByTagName( 'span' ))
    let result = spans.map(span => span.textContent)
    document.getElementById("TextArea2").value = result.join(' ')
}

如果我的所有代码都在一行中怎么办，例如opt 1sdf…如果我的文本区域中有缩略或单行代码，则您的代码不起作用1.更新了单行/缩略的解决方案。

function parsehtml()
{
    let value = document.getElementById("TextArea1").value
    let html = document.createElement('html');
    html.innerHTML = value
    let spans = Array.from(html.getElementsByTagName( 'span' ))
    let result = spans.map(span => span.textContent)
    document.getElementById("TextArea2").value = result.join(' ')
}