如何在onBlur事件中删除DIV元素的所有子元素？

Question

我有一个网页，我在其中定义了一个ID为“ selectedProduct”的DIV元素，现在，当我单击特定链接时，它将调用ajax请求，并用响应数据填充DIV元素。 但是我要求当onBlur事件发生在“ selectedProduct” DIV上时，它应该删除它的所有子元素。 我的代码如下：

<script type="text/javascript">
function getPage(event,id)
{
    event.preventDefault();
    var page = document.getElementById(id).id + ".html";
    var dataString = page               

    $.ajax(
    {
        type: "POST",
        url: page,
        data: dataString,
        cache: false,
        success: function(result)
        {
            var result=result;

            $("#selectedProduct").html(result);
            //  location.replace("index1.html");                                                
        }
    });
}

function focOFF(id)
{
 // I don't have any idea what code should i write here which can remove all child of DIV element....
}
</script>

<body>
<a href="#selectedProduct" style="text-decoration:none" id="solar_power_plant" target="new" onClick="getPage(event,this.id)" class="scroll">Solar Power Plant</a>

<div id="selectedProduct" onBlur="focOFF(this.id)">
</div>

</body>

Answer 1

使用以下解决方案获取所有子元素并将其删除，

function focOFF(id)
{
    $( "#"+id ).children().remove();
}

Answer 2

在模糊函数中使用empty（ ）函数。 删除所选元素的所有子节点

function focOFF(id)
{
  $('#'+id).empty();
}

Answer 3

document.getElementById(id).innerHTML = '';

如何在onBlur事件中删除DIV元素的所有子元素？

问题描述

3 个解决方案

解决方案1
3 已采纳 2016-09-14 12:35:36

解决方案2
0 2016-09-14 12:34:25

解决方案3
0 2016-09-14 12:34:54

如何在onBlur事件中删除DIV元素的所有子元素？

问题描述

3 个解决方案

解决方案1 3 已采纳 2016-09-14 12:35:36

解决方案2 0 2016-09-14 12:34:25

解决方案3 0 2016-09-14 12:34:54

解决方案1
3 已采纳 2016-09-14 12:35:36

解决方案2
0 2016-09-14 12:34:25

解决方案3
0 2016-09-14 12:34:54