如何使用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