JavaScript刪除標記在Mozilla中不起作用

Question

如果沒有數據存儲在<span id="test">我想刪除標簽<div id='parent'> <span id="test">

它可以在Chrome中完美運行，但Firefox不能。

有解決此代碼的解決方案嗎？ 如果您必須使用jQuery，我也已經准備好了。

我的代碼：

<h1>Result:</h1>
<div id='parent'>
<b>Age:</b> <span id='test'></span>
</div>

<script>
if ( document.getElementById('test').innerHTML == '' ){
document.getElementById('parent').remove();
}
</script>

Chrome瀏覽器示例： http ： //i.stack.imgur.com/lDesY.png

示例Mozilla： http ： //i.stack.imgur.com/R2SS1.png

Answer 1

替換它（請參見本示例和本參考 ）

document.getElementById('parent').remove();

通過

currentNode = document.getElementById('parent').remove();
currentNode.parentNode().removeChild( currentNode );

Answer 2

如果您准備使用jQuery，則可以執行此操作

if($("#test").html()==""){
    $("#parent").remove();
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<h1>Result:</h1>
<div id='parent'>
<b>Age:</b> <span id='test'></span>
</div>