如何在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