[英]How to remove the content from a “div” element using a button “onclick” function?
我有一個div元素，其中包含許多圖像。 當用戶單擊一個按鈕時，我希望刪除div的內容（而不是div本身，我想重用div來潛在地添加新內容）。
在我的HTML中， div和button定義為：
<body>
...
<div class="MyDiv"></div>
...
<button id="removeDiv" onclick="removeDivFunction()">remove Div Function</button>
...
</body>
我如何編寫一個函數來刪除該div中的所有元素？
您必須致電removeChild ：
function removeDivFunction() {
MyDiv.parentNode.removeChild(MyDiv);
}
<div id="div1" style="height:100px;width:300px;border:1px solid black;background-color:yellow;">
This is some text in the div.
<p>This is a paragraph in the div.</p>
<p>This is another paragraph in the div.</p>
</div>
<br>
<button>Remove div element</button>
$(document).ready(function(){
$("button").click(function(){
$("#div1").remove();
});
});
function removeDivFunction() {
$(".MyDiv").remove();
}
David已經為您指出了現有的問題/解決方案。
供參考，請閱讀： http : //www.w3schools.com/js/js_htmldom_nodes.asp
將id分配給div總是一個好主意。
另外，如果您使用的是jQuery，則可以通過$（“＃divid”）。remove（）刪除元素以供參考，請參見： https ://api.jquery.com/remove/
我希望這有幫助。
<div class="MyDiv">I need to remove</div>
<button id="removeDiv" onclick="removeDivFunction()">remove Div Function</button>
function removeDivFunction() {
var element = document.getElementsByClassName("MyDiv")[0];
element.parentNode.removeChild(element);
}
您可以嘗試HTML
<div id="some">Example</div>
<button onclick="myFunction()">Click me</button>
JavaScript的
function myFunction() {
var child = document.getElementById("some");
child.parentNode.removeChild(child);
}
如果要刪除DIV的內容，請使用
child.innerHTML = "";
如何使用jQuery刪除由onclick生成的多個div元素
[英]how to remove multiple div element generated by onclick using jquery
如何使用onclick函數將div標簽元素與另一個div標簽元素調用
[英]How can I call div tag element with another div tag element using onclick function
如何使用javascript從onclick按鈕獲取光標放置元素
[英]How to get cursor placed element from onclick button using javascript
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.