javascript - Remove existing code side of div code -
goal:
if there html syntax code or data inside of
<div id="feedentries"></div>
then should removed , contained empty only.
problem:
syntax need in order remove every code , data inside of
<div id="feedentries"></div>
please remember don't want add 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 remove code/data } (var = 0; < 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); }
using pure dom , javascript (sometimes considered better altering innerhtml):
if ( feedentriesdivelement.haschildnodes() ) { while ( feedentriesdivelement.childnodes.length >= 1 ) { feedentriesdivelement.removechild( feedentriesdivelement.firstchild ); } }
Comments
Post a Comment