如何使用 javascript 刪除 div 中的元素？

Question

如何使用 javascript 刪除 div 中的元素？

我試圖刪除 div id="myList_2"中的所有元素

但不起作用，我該怎么做？

感謝你所做的一切..

http://jsfiddle.net/tr8ack7v/1/

<div id="myList_1">
    <span id="x">111111</span>
</div>
<div id="myList_2">
    <span id="x">222222</span>
</div>
<button onclick="myFunction(2)">Try it</button>

<script>
function myFunction(data_value) {
    var list = document.getElementById("myList_"+data_value);
    var x_child=document.getElementById("x");
    list.removeChild(x_child);                                 
}
</script>

Answer 1

給你 -小提琴

不要在 html 元素上重用id 。 id應該是唯一的，請改用class 。

 var a = $('#myList_1 > .x'); $('button').click(function(){ $(a).remove(); });

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> <div id="myList_1"> <span class="x">111111</span> </div> <div id="myList_2"> <span class="x">222222</span> </div> <button>Try it</button>

Answer 2

在span元素重復"x" id s？ 嘗試分別添加"1" 、 "2"到span id屬性，以將文檔中的唯一id替換為span元素處的重復id

 <div id="myList_1"> <span id="x1">111111</span> </div> <div id="myList_2"> <span id="x2">222222</span> </div> <button onclick="myFunction(2)">Try it</button> <script> function myFunction(data_value) { var list = document.getElementById("myList_" + data_value); var x_child = document.getElementById("x" + data_value); list.removeChild(x_child); } </script>

Answer 3

你有2個id S中的相同， id S的關系是唯一的。

這是一個使用類的版本（不必是唯一的）：

<div id="myList_1">
    <span class="x">111111</span>
</div>
<div id="myList_2">
    <span class="x">222222</span>
</div>
<button onclick="javascript: myFunction(2)">Try it</button>

<script>
function myFunction(data_value) {
    var list = document.getElementById("myList_"+data_value);
    var x_child=list.getElementsByClassName("x")[0];
    list.removeChild(x_child);                                 
}
</script>

JSFiddle

Answer 4

<div id="myList_1">
  <span id="x1">111111</span>
</div>
<div id="myList_2">
  <span id="x">222222</span>
</div>
<button onclick="myFunction(2)">Try it</button>

<script>
function myFunction(data_value) {
  var list = document.getElementById("myList_"+data_value);
  var x_child=document.getElementById("x");
  list.find('#x').remove();
}
</script>

Answer 5

$("#myList_2").innerHTML = ''

// 應該可以，還沒試過，但它可以幫我去掉段落