如何刪除div標簽內容？

Question

如何使用 JavaScript 刪除 div 標簽的內容？

我已經嘗試了一些代碼，但它只刪除了level1 div（當然還有所有的 o it childern），但是我怎樣才能只刪除level3里面的內容？

 function destroyDiv() { var div = document.getElementById("level1"); div.parentNode.removeChild(div); }

 <div id="level1"> <div id="level2"> <div id="level3"> <label> Test content </label> </div> </div </div> <div id=blahDiv>Remove me</div> <input type=button value='Remove the div' onclick='destroyDiv()'>

Answer 1

這很好的工作document.getElementById("level3").innerHTML = ''; 但是嘗試考慮使用 jQuery，因為.innerHTML實現在某些瀏覽器中有所不同。 jQuery 看起來像$('#level3').html('');

Answer 2

為什么不直接訪問level3 ？

   document.getElementById("level3").innerHTML = "";

Answer 3

您可以使用：

document.getElementById("level3").innerHTML = "";

Answer 4

(() => { 
          'use strict';
          let needle = 'level3';
          if ( needle === '' || needle === '{{1}}' ) {
              needle = '.?';
          } else if ( needle.slice(0,1) === '/' && needle.slice(-1) === '/' ) {
              needle = needle.slice(1,-1);
          } else {
              needle = needle.replace(/[.*+?^${}()|[\]\\]/g, '\\$&');
          }
          needle = new RegExp(needle);
          const divnode = ev => {
                                        if (ev) { window.removeEventListener(ev.type, divnode, true); }
                                    try {
                                            const divs = document.querySelectorAll('div');
                                            for (const div of divs) {
                                                    if (div.outerHTML.match(needle)) {
                                                                    div.remove();
                                                    }           
                                            }
                                    } catch(ex) {
                                        }
          };
          if (document.readyState === 'loading') {
                   window.addEventListener('DOMContentLoaded', divnode, true);
          } else {
                   divnode();
          }
})();

你去吧。 具有 RegEx 支持的專用 div-remover。

Answer 5

這個怎么樣？

var div = document.getElementById("level3");
div.innerHTML = "";