Remove existing code side of div code

Question

Goal:
If there are any html syntax code or data inside of

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

Then everything should be removed and be contained empty only.

Problem:
What syntax do I need in order to remove every code and data inside of

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

Please remember that i don't want to add any class or id inside of "feedEntries"

        <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);
}

score 1 · Answer 1 · answered Jul 01 '11 at 10:05

1

feedEntriesDivElement.innerHTML = ''; should do the trick.

answered Jul 01 '11 at 10:05

chrisfrancis27

4,516
1
24
32

score 1 · Accepted Answer · answered Jul 01 '11 at 10:09

Using pure DOM and Javascript (sometimes considered better than altering innerHTML):

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

score 0 · Answer 3 · edited May 23 '17 at 12:19

0

you can use jquery like this $('#feedEntries').empty()

to remove from javascript please check the post

edited May 23 '17 at 12:19

Community

1
1

answered Jul 01 '11 at 10:08

Mahesh KP

6,248
13
50
71

score 0 · Answer 4 · answered Jul 01 '11 at 12:13

0

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

answered Jul 01 '11 at 12:13

Alex Such

471
4
11

Remove existing code side of div code

4 Answers4