Question

您好我使用以下方法删除了一个掩码div

var element = document.getElementById("sal_content_mask_wrapper");
element.parentNode.removeChild(element);

多数人都删除了一个div id sal_content_mask_wrapper

现在我需要运行检查，如果删除了将div id sal_content_mask_wrapper附加到父sal_content中。以下是我到目前为止：

  var c = document.getElementById('sal_content_mask_wrapper');

  if (!c) {
      document.getElementById('YN_div').innerHTML = 'No'; /*just a test*/
      /* add div sal_content_mask_wrapper back in parent div sal_content?*/
   } else {
      document.getElementById('YN_div').innerHTML = 'Yes';
   }

Answer 1

如果你想对父母做一个简单的追加，你可以这样做：

HTML CODE：

<div id="content">
    <div id="sal_content_mask_wrapper"><span>hello world<b>!</b></span> </div>
    <div id="YN_div">Answer</div>
</div>

JAVASCRIPT代码：

var element = document.getElementById("sal_content_mask_wrapper");
var par = element.parentNode;
var answer = document.getElementById('YN_div');

par.removeChild(element);

var c = document.getElementById('sal_content_mask_wrapper');

if (!c) {
  answer.innerHTML = 'No'; /*just a test*/
  par.appendChild(element)  
} else {
  answer.innerHTML = 'Yes';
}

但是，正如我所提到的，这取决于你希望你的html结构化，因为在parentNode中可能有更多的元素......在这种情况下<div id="content"... Here is a fiddle to experiment.

Answer 2

谢谢！我像这样添加了div：

function addMask（）{

    var b = document.getElementById('sal_content_mask');

    if (!b) {

        // Get the parent node 
        var c = document.getElementById("sal_content");
        // Create a new div 
        var d = document.createElement("div");
        d.id = 'sal_content_mask';            
        // Add the new div
        c.appendChild(d);

    }

}

parentNode.removeChild然后追加回来

2 个答案: