Question

如何删除以下文字＆＃39;搜索：＆＃39;使用JqLite或原始javascript？

<label>
search:<input type="text">
<label>

更新

我没有非常清楚地解释这个问题。所有HTML元素都是由angular指令创建的，我只能用JQLITE或JS来操作DOM。并且输入的属性也可能会发生变化，因此我无法用新输入替换标签的所有子节点

Answer 1

请试试这个

<html>

<body onload="remove()">
    <label>
        search:
        <input type="text" id="search">
    </label>
</body>
<script type="text/javascript">
function remove() {
    document.getElementById('search').remove();
}
</script>

</html>

Answer 2

label.innerHtml='<input type="text">'

其中label是该标签标签

周围的查询包装器

Answer 3

以下是您需要做的事情。请注意您的HTML是这样的：

<label>
search:<input type="text">
<label>

您需要先获得标签。您可以使用

执行此操作

$("label")

考虑到你想要操作里面的文本，你得到$（“label”）。innerHTML.Let把它放在变量中。

x=$("label").innerHTML;

然后，我们使用替换字符串函数用空格替换“search：”的值。

y=x.replace("search:","");

我们最终通过

将y的值推回到内部HTML

$("label").innerHTML=y

您可以将其缩短为更少的步骤，但为了便于理解，我将它们分开。

如何使用JqLite或javascript删除HTML元素

3 个答案: