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

Question

如何使用JqLite或原始javascript删除以下文本“搜索：”？

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

更新

我没有很清楚地解释这个问题。 所有HTML元素都是由angular指令创建的，也许我只能用JQLITE或JS操作DOM。 而且输入的属性可能会更改，因此我无法用新输入替换label的所有子节点

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;

然后，我们使用replace string函数将“ search：”的值替换为空格。

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

我们最终通过以下方式将y的值推回内部HTML

$("label").innerHTML=y

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

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

问题描述

3 个解决方案

解决方案1
1 2016-02-08 04:29:02

解决方案2
0 2016-02-08 03:40:30

解决方案3
0 2016-02-08 04:02:50

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

问题描述

3 个解决方案

解决方案1 1 2016-02-08 04:29:02

解决方案2 0 2016-02-08 03:40:30

解决方案3 0 2016-02-08 04:02:50

解决方案1
1 2016-02-08 04:29:02

解决方案2
0 2016-02-08 03:40:30

解决方案3
0 2016-02-08 04:02:50