javascript - 删除 div 代码的现有代码侧

Question

目标:
里面是否有html语法代码或者数据

<div id="feedEntries"></div>

然后所有东西都应该被删除并且只包含空的。

问题:
我需要什么语法才能删除其中的所有代码和数据

<div id="feedEntries"></div>

请记住，我不想在“feedEntries”内添加任何类或 ID

<小时/>

        <h3>Search</h3>
        <div class="content">
            <form>
                <input type="text" width="15" value="searchword" id="searchTermTextField"><input type="button" name="some_name" value="Sök" id="searchButton">              
            </form>
            <div id="feedEntries">

            </div>
        </div>

<小时/>

function fetchSearchResults(json) {

    var feedEntriesDivElement = document.getElementById('feedEntries'); 
    var ulElement = document.createElement('ul');



    if (feedEntriesDivElement.children.length >= 0)
    {
        // Syntax code to remove the code/data  



        }



    for (var i = 0; i < json.responseData.results.length; i++)
    {
        var liElement = document.createElement('li');       
        var personText = document.createTextNode(json.responseData.results[i].titleNoFormatting);
        var newlink = document.createElement('a'); 
        newlink.setAttribute('href', json.responseData.results[i].url );        

        newlink.appendChild(personText);
        liElement.appendChild(newlink);
        ulElement.appendChild(liElement);
    }

    feedEntriesDivElement.appendChild(ulElement);
}

Answer 1

使用纯 DOM 和 Javascript(有时被认为比更改 innerHTML 更好):

if ( feedEntriesDivElement.hasChildNodes() )
{
    while ( feedEntriesDivElement.childNodes.length >= 1 )
    {
        feedEntriesDivElement.removeChild( feedEntriesDivElement.firstChild );       
    } 
}