JSFiddle - React, Tailwind, and code Playground

by Paul Leech

HTML

<ul class="list">
			<li>
				<a href="http://www.gotomypc.com/remote-access/?ref=login" class="listHead">Home</a>
			</li>
			<li>
				<a href="/members/login.tmpl">Customer Login</a>
			</li>
			<li>
				<a href="http://support.citrixonline.com/GoToMyPC" rel="external">24/7 Support</a>
			</li>
			<li>
				<a href="http://www.gotomypc.com/remote-access/how-it-works/faq">FAQs</a>
			</li>
			<li>
				<a href="/members/register.tmpl?FreeTrial=true">Try It Free</a>
			</li>
			<li>
				<a href="/members/register.tmpl?FreeTrial=false">Buy Online</a>
			</li>
		</ul>
		<ul class="list">
			<li>
				<a href="http://www.gotomypc.com/remote-access/how-it-works" class="listHead">Learn More</a>
			</li>
			<li>
				<a href="http://www.gotomypc.com/remote-access/how-it-works">How It Works</a>
			</li>
			<li>
				<a href="http://www.gotomypc.com/remote-access/features">Features</a>
			</li>
			<li>
				<a href="http://www.gotomypc.com/remote-access/how-it-works/reviews">Customer Reviews</a>
			</li>
			<li>
				<a href="http://www.gotomypc.com/remote-access/compare-plans">Compare Plans</a>
			</li>
			<li>
				<a href="http://www.gotomypc.com/remote-access/features/benefits">Benefits</a>
			</li>
		</ul>
		<ul class="list">
			<li>
				<a href="http://www.gotomypc.com/remote-access/team-accounts" class="listHead">Team Accounts</a>
			</li>
			<li>
				<a href="http://www.gotomypc.com/remote-access/how-it-works/white-papers">White Papers</a>
			</li>
			<li>
				<a href="http://www.gotomypc.com/remote-access/how-it-works/case-studies">Case Studies</a>
			</li>
			<li>
				<a href="http://www.gotomypc.com/remote-access/how-it-works/security">Security &amp; Reliability</a>
			</li>
			<li>
				<a href="http://www.gotomypc.com/remote-access/how-it-works/technology">Our Technology</a>
			</li>
			<li>
				<a href="http://www.gotomypc.com/remote-access/contact-sales">Contact Sales</a>
			</li>
		</ul>

JavaScript

//how to get around white space with querySelector() then childNodes[]

var y = document.querySelector('.list');

var myNode = y.childNodes[11].style.backgroundColor='red';