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

Question

我想删除标签<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 示例:/image/lDesY.png

示例 Mozilla:/image/R2SS1.png

Answer 1

如果您准备好使用 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>