Parsing HTML data

  • Sigmund Steuber
  • Darion Considine
  • Reid Raynor
  • Angus Conroy
  • Grace Friesen
  • Lonny DuBuque
  • Dock Ward
  • Kaya Wiza
  • Gideon Olson
  • Imelda Dicki
  • Keven Kemmer
  • Haleigh Moen
  • Pierce Herman
  • Ali D'Amore
  • Bridget Wuckert
  • Gianni Pfannerstill
  • Georgianna Stiedemann
  • Keara Legros
  • Dwight Hauck
  • Friedrich Treutel
</> Source
<!DOCTYPE html>
	<title>Parsing HTML data</title>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
	<meta http-equiv="X-UA-Compatible" content="IE=edge"/>
	<link rel="stylesheet" type="text/css" href="../../../codebase/fonts/font_roboto/roboto.css"/>
	<link rel="stylesheet" type="text/css" href="../../../codebase/dhtmlx.css"/>
	<script src="../../../codebase/dhtmlx.js"></script>
	<link rel="stylesheet" type="text/css" href="../common/demo_style.css"/>
		var myList;
		function doOnLoad() {
			myList = new dhtmlXList({
				template:"<span class='dhx_strong'>#value#</span>#address# <br/><span class='dhx_light'>#city#</span>",
				type:{ height:"auto" }
		function convert(){
<body onload="doOnLoad();">
	<h1>Parse data from HTML list</h1>
			<td valign="top">
				<div id="data_container" class="list_demo_samples"></div>
				<input type="button" name="some_name" value="convert" onclick="convert()">
<ul id="data_here">
<li id="1" address="866 Kris Drive" city="North Rosettabury"state="NH" zip="69167">Sigmund Steuber</li>
<li id="2" address="8318 Kristy Skyway" city="Vernerside" state="WA" zip="01338">Darion Considine</li>
<li id="3" address="63041 Parisian Run" city="Nolanberg" state="MN" zip="08625-2763">Reid Raynor</li>
<li id="4" address="528 Considine Viaduct" city="Nelschester" state="ME" zip="42589-0752">Angus Conroy</li>
<li id="5" address="212 Adelle Plaza" city="New Stephany" state="OR" zip="70658-1454">Grace Friesen</li>
<li id="6" address="353 Lorenz Fords" city="West Easton" state="OK" zip="49704-5220">Lonny DuBuque</li>
<li id="7" address="28354 Predovic Corner" city="New Napoleon" state"="AZ" zip"="35039-5934">Dock Ward</li>
<li id="8" address="73313 Gregory Port" city="Maggiobury" state="IL" zip="51553">Kaya Wiza</li>
<li id="9" address="7423 Wiza Station" city="Botsfordberg" state="OH" zip="61022">Gideon Olson</li>
<li id="10" address="198 Koby Junctions" city="Daronport" state="CA" zip="77571">Imelda Dicki</li>
<li id="11" address="192 Spencer Spring" city="Dooleyfurt" state="DE" zip="49592">Keven Kemmer</li>
<li id="12" address="573 Ryley Lights" city="Arnoside" state="WA" zip="11359-5517">Haleigh Moen</li>
<li id="13" address="97428 Sanford Lodge" city="Harveyside" state="VA" zip="93177-1650">Pierce Herman</li>
<li id="14" address="67058 Witting Mountain" city="Valentineton" state="MI" zip="43966">Ali D'Amore</li>
<li id="15" address="3502 Swift Cliffs" city="Bayerview" state="VA" zip="15606-4888">Bridget Wuckert</li>
<li id="16" address="799 Patricia Junction" city="Jodietown" state="TX" zip="70168">Gianni Pfannerstill</li>
<li id="17" address="6617 Jermaine Plains" city="South Karley" state="VT" zip="52537">Georgianna Stiedemann</li>
<li id="18" address="1314 Hartmann Lakes" city="Huelberg" state="CO" zip="08223">Keara Legros</li>
<li id="19" address="499 Adams Street" city="North Lewis" state="NH" zip="94729-4304">Dwight Hauck</li>
<li id="20" address="496 Edison Plain" city="West Yadiraland" state="RI" zip="38678-2438">Friedrich Treutel</li>


Check documentation to learn how to use the components and easily implement them in your applications.