javascript完全删除或替换HTML标记

Question

我尝试从我的代码中删除或替换此HTML标签。

<li class="li-sortable-background">

我尝试用replace替换，但是我只能替换文本，不能替换<=“”>之类的代码字符。 我需要帮助！

Answer 1

当您要删除元素本身以及其中的所有内容时，请使用.remove（）方法。

Answer 2

尝试这个。 假设该类只有一个元素。

document.getElementsByClassName('li-sortable-background')[0].remove()

Answer 3

您可以使用以下代码

使用JQuery：

$("#div1").remove();

通过类名称删除元素：

$('.className').remove();

使用javascript：

var child = document.getElementById("divId");
child.parentNode.removeChild(child);

Answer 4

抱歉，它是这样的字符串，我在textarea值中给出了它。 我只想删除带有类的LI

<form name="asd" id="freeld_form" class="sortable ui-sortable" action="" method="get">
<li class="li-sortable-background">
<label for="asd" id="aha"></label>
<input name="asd" id="asd" class="" placeholder="" type="">
<button class="deleteButton"><img src="images/delete-button.svg" title="Load File"></button>
</li>
</form>

Answer 5

$( ".li-sortable-background" ).replaceWith("<h2>your vale</h2>");