javascript - Why am I getting a ParseError? -


i trying use domparser method .parsefromstring convert strings have in array containing html in dom elements.

some of strings getting following parse errors , can't figure out why.

this loop i'm using parse strings , create dom elements (thanks stackoverflow post: converting html string dom elements?)

var x = 0; while (x < stringsarray.length) {   var parser = new domparser();   var doc = parser.parsefromstring(stringsarray[x].html, "text/xml");   outputdomelements[x] = doc.firstchild;   x++; }

this example of string parsed:

"<div class="instagrampost"><span>siamak amini</span><p>#usa</p><span>posted 1 month ago</span><a href="https://instagram.com/p/3zg3kdgee8/"><img src="https://scontent.cdninstagram.com/hphotos-xaf1/t51.2885-15/s320x320/e15/11377935_1114448771906000_731563461_n.jpg" /></a></div>"

this example of string has parse error:

"<div class="user">   <a  href="https://twitter.com/theclarkofben" aria-label="ben clark (screen name: theclarkofben)" data-scribe="element:user_link" target="_blank">     <img  alt="" src="https://pbs.twimg.com/profile_images/1877162520/199389_10150123771869463_502259462_6247107_944624_n_normal.jpg" data-src-2x="https://pbs.twimg.com/profile_images/1877162520/199389_10150123771869463_502259462_6247107_944624_n_bigger.jpg" data-scribe="element:avatar">     <span >        <span  data-scribe="element:name">ben clark</span>     </span>     <span   data-scribe="element:screen_name">@theclarkofben</span>    </a> </div><p class="tweet">just testing out twitter feed made. <a href="https://twitter.com/hashtag/halogenpeanut?src=hash"     data-scribe="element:hashtag" target="_blank">#halogenpeanut</a> <a href="http://t.co/wtoznysugs"  data-pre-embedded="true"  data-scribe="" target="_blank">pic.twitter.com/wtoznysugs</a></p><p class="timeposted"><a href="https://twitter.com/theclarkofben/status/611514122509922304">posted on 18 jun</a></p><div class="media"><img src="https://pbs.twimg.com/media/chyi2rqweaajrn-.jpg:large" alt="image tweet" /></div>"

the parse error above string states: error on line 10 @ column 7: opening , ending tag mismatch: img line 0 , a

and here full output .parsefromstring above string:

<div class="user"><parsererror xmlns="http://www.w3.org/1999/xhtml" style="display: block; white-space: pre; border: 2px solid #c77; padding: 0 1em 0 1em; margin: 1em; background-color: #fdd; color: black"><h3>this page contains following errors:</h3><div style="font-family:monospace;font-size:12px">error on line 10 @ column 7: opening , ending tag mismatch: img line 0 , </div><h3>below rendering of page first error.</h3></parsererror>   <a href="https://twitter.com/theclarkofben" aria-label="ben clark (screen name: theclarkofben)" data-scribe="element:user_link" target="_blank">     <img alt="" src="https://pbs.twimg.com/profile_images/1877162520/199389_10150123771869463_502259462_6247107_944624_n_normal.jpg" data-src-2x="https://pbs.twimg.com/profile_images/1877162520/199389_10150123771869463_502259462_6247107_944624_n_bigger.jpg" data-scribe="element:avatar">     <span>        <span data-scribe="element:name">ben clark</span>     </span>     <span data-scribe="element:screen_name">@theclarkofben</span></img></a></div>

is able me identify cause , fix? whitespace in html string perhaps?

you have problems quotings, using double quotes within dom elements variables

var x = "<div class="instagrampost"> .... wrong quotes of html shall single, besides, dom elements shall not have spaces, in order fit in variable...

use doc.body.innerhtml set parsed html div obtained, not need loop, use "text/html" , not "text/xml" when passing content type parser.

below working example.

var html = "<div class='user'><a  href='https://twitter.com/theclarkofben' aria-label='ben clark (screen name: theclarkofben)' data-scribe='element:user_link' target='_blank'><img  alt='' src='https://pbs.twimg.com/profile_images/1877162520/199389_10150123771869463_502259462_6247107_944624_n_normal.jpg' data-src-2x='https://pbs.twimg.com/profile_images/1877162520/199389_10150123771869463_502259462_6247107_944624_n_bigger.jpg' data-scribe='element:avatar'/><span><span  data-scribe='element:name'>ben clark</span></span><span   data-scribe='element:screen_name'>@theclarkofben</span></a></div><p class='tweet'>just testing out twitter feed made. <a href='https://twitter.com/hashtag/halogenpeanut?src=hash'     data-scribe='element:hashtag' target='_blank'>#halogenpeanut</a> <a href='http://t.co/wtoznysugs'  data-pre-embedded='true'  data-scribe='' target='_blank'>pic.twitter.com/wtoznysugs</a></p><p class='timeposted'><a href='https://twitter.com/theclarkofben/status/611514122509922304'>posted on 18 jun</a></p><div class='media'><img src='https://pbs.twimg.com/media/chyi2rqweaajrn-.jpg:large'alt='image tweet' /></div>";    parser = new domparser();  doc = parser.parsefromstring(html, "text/html");  document.getelementbyid("parsedhtml").innerhtml = doc.body.innerhtml;
<div id="parsedhtml"></div>


Comments

Post a Comment

Popular posts from this blog

javascript - Using jquery append to add option values into a select element not working -

i'm looking dynamically populate select element names of items stored array. for reason it's not working , i'm not sure why. html: <div class="col-md-4 col-md-offset-4"> <select class="select1"> </select> , <select class="select2"> </select> </div> note i'm using bootstrap layout. here's jquery i'm using try , populate ".select1" jquery: select: function() { $.each(state.greens, function(index, value) { $(".select1").append("<option value =' " + index + " '>" + state.greens[index].name + "</option>"); }); } note function 'select' stored within object called 'display'. state.greens name of array i'm trying access. so @ end of html page call display.select(); call function. no error messages showing in console. also, saw question: appending
Read more

Android soft keyboard reverts to default keyboard on orientation change -

i'm building android soft keyboard , can't seem fix bug - have arabic , qwerty keyboard , when rotate device on qwerty keyboard (or arabic shift), it's if program has "restarted" , becomes arabic keyboard without shift. the onsaveinstancestate(bundle savedinstancestate) not work because application not extend activity inputmethodservice . i put following in android manifest android:configchanges="keyboard|keyboardhidden|orientation" android:windowsoftinputmode="stateunchanged|adjustresize"> i tried using @override public void onconfigurationchanged(configuration newconfig) { super.onconfigurationchanged(newconfig); log.i(mydebug, "config changed " + currentkeyboard.equals(qwerty)); } however, currentkeyboard.equals(qwerty)) results false , made sure true before orientation change. any appreciated. i think applications fault. if application restarting on orientation change
Read more

Rendering JButton to get the JCheckBox behavior in a JTable by using images does not update my table -

i rendering jbutton image on simulate jcheckbox behavior. why don't let jtable render jcheckbox? because need bigger checkboxes , there's no way can resize them (as far know). so, have own table cell renderer , editor. both renders jbutton , checkbox images on them. trying change image checked image unchecked image (or vice versa) , update cell value (boolean true or false). however, reason, getcelleditorvalue() not update table. so, release mouse, value goes original one. any appreciated! lot! public class tableexample extends jframe { jscrollpane pane; jpanel panel; jtable table; object[][] data; mytablemodel tm; renderer buttoncolumn; public tableexample(object[][] data) throws ioexception { string[] columns = {"column#1", "column#2", "column#3", "column#4", "column#5", "column#6"}; this.data = data; this.setpreferredsize(new dimension(700, 500));
Read more