JavaScript删除标记在Mozilla中不起作用

Question

I want to remove the tag <div id='parent'> if no data is stored in the <span id="test">

It works perfectly in Chrome, but Firefox can not.

Is there a solution to fix this code? If you must use jQuery, I am also ready.

My Code:

<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>

Sample Chrome: http://i.stack.imgur.com/lDesY.png

Sample Mozilla: http://i.stack.imgur.com/R2SS1.png

Answer 1

replace this (see this example and this reference )

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

by

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

Answer 2

If you are ready to use jQuery then you can do this

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>