时间戳

首页 > 解决方案 > 使用 javascript 删除带有值的 HTML 元素

javascript - 使用 javascript 删除带有值的 HTML 元素

问题描述

我正在尝试删除 <select>....</select> html 元素，其中所有元素都是单击事件的值（选项）。喜欢

<span>Span First</span>
<select>
<option>opt 01</option>
<option>opt 02</option>
</select>
<span>Span Second</span>
<select>
<option>opt 11</option>
<option>opt 12</option>
</select>

想要这样输出：

Span First Span Second

我正在使用如下代码：

<script>
function removeTags(str)
{
if ((str===null) || (str===''))
return false;
else
str = str.toString();
return str.replace( /(<([^>]+)>)/ig, '');
}
document.write(removeTags('<html> Tutorix is <script> the best <body> e-learning platform'));;
</script>

上面的代码工作正常，但无法删除 <option>opt ..</option> 中的值

谁能帮助我。

标签： javascripthtml

解决方案

删除<select>带有 的元素.remove()。

document.querySelectorAll("select").forEach(el => el.remove());
<span>Span First</span>
<select>
<option>opt 01</option>
<option>opt 02</option>
</select>
<span>Span Second</span>
<select>
<option>opt 11</option>
<option>opt 12</option>
</select>

推荐阅读