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

feedEntriesDivElement.innerHTML = '';应该可以解决问题。

Answer 2

使用纯DOM和Javascript（有时被认为比改变innerHTML更好）：

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

Answer 3

你可以像这样$('#feedEntries').empty()

使用jquery

要从javascript中删除，请查看post

Answer 4

document.getElementByIf('feedEntries').innerHTML = ''

删除div代码的现有代码端

4 个答案: