DOM selector test (v3)

Revision 3 of this benchmark created on September 16, 2014

Description

Preparation HTML

<header id="header" class="alt">
<h1 id="logo"><a href="index.html"><img src="images/digpen-avatar.png" class="logo">27.Sep.14</a></h1>
<nav id="nav">
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="index.html#programme">Conference</a></li>
<li><a href="index.html#workshops">Workshops</a></li>
<li><a href="index.html#location">Venue</a></li>
<li><a href="contact.html">Contact</a></li>
<li><a href="index.html#cta" class="button special">Tickets</a></li>
</ul>
</nav>
</header>
<section id="banner">
<div class="inner">
<header>
<h2>DIGPEN 7</h2>
</header>
<p style="margin-bottom: 1em">The multi-disciplinary, grassroots web conference</p>
<p>26th &amp; 27th September 2014<br />
Plymouth
</p>
<footer>
<ul class="buttons">
<li><a href="#cta" class="button">Buy Tickets</a></li>
</ul>
</footer>
</div>
</section>
<article id="main">
<header class="special container">
<span class="icon"><img src="images/digpen-avatar.png" class="logo"></span>
<h2>The nicest little web conference in the West</h2>
<p>Digpen is the multi-disciplinary, grassroots web conference with an inclusive, community ethos, and friendly, welcoming vibe. It's run by and for the web community in South West.</p>
<div class="row">
<div class="4u">
<p>“Digpen is an excellent conference, and only being out of the country will keep me away from the next one.”</p>
</div>
<div class="4u">
<p>“Striking a balance between a community vibe and a professional show on a low budget is extremely difficult and you did it.”</p>
</div>
<div class="4u">
<p>“Being from London, I can only be envious of the lovely people attending Digpen.”</p>
</div>
</div>
</header>
<section class="wrapper style2 container special-alt">
<header class="alt">
<h2>Tickets on sale now</h2>
</header>
<div class="row">
<div class="12u">
<p>Join us in Plymouth for a <a href="#workshops">day of workshops</a> followed by a <a href="#programme">full-day, two-track conference</a> and learn:
<ul>
<li>how to design for the <em>true</em> mobile use-case</li>
<li>why it’s time to get back to raw JavaScript (and how Coffeescript makes that a cinch)</li>
<li>how to keep your front-end code modular and maintainable - and automate it with Grunt</li>
<li>why Crowdcube are rocking Laravel</li>
<li>how to harness the creative process</li>
<li>sales copywriting and public-speaking tips</li>
<li>…and why you should never, ever code after 5</li>
</ul>
</div>
</div>
<footer>
<ul class="buttons">
<li><a href="#cta" class="button">Register</a></li>
</ul>
<p>Conference: £45 including lunch and refreshments <small>(and VAT)</small><br>
Workshops: £15 each</p>
</footer>
</section>
<section class="wrapper style1 special container">
<div class="row">
<div class="6u">
<section>
<header>
<p>Friday 26 September</p>
<h2>Workshops</h2>
</header>
<p>Four workshops taking an in-depth look at some of the hottest topics in web design and development.</p>
<p><a href="#workshops">Workshop programme</a> | <a href="#location-workshops" title="Workshop venue">Location</a></p>
</section>
</div>
<div class="6u">
<section>
<header>
<p>Saturday 27 September</p>
<h2>Main Conference</h2>
</header>
<p>A full day of talks on all things web and digital. Two tracks of both introductory and advanced sessions. Including lunch, plenty of tea and coffee breaks, and after-party.</p>
<p><a href="#programme">Conference programme</a>  | <a href="#location" title="Conference venue">Location</a></p>
</section>
</div>
</div>
</section>
<section class="wrapper style1 special container">
<header>
<h2>Why come to Digpen?</h2>
</header>
<section>
<div class="row">
<div class="4u">
<span class="icon featured fa-rocket"></span>
<h4>New perspectives, new voices</h4>
<p>We've got a rich mix of design, development, marketing and business topics, much of it from <a href="#programme">new speaking talent</a> you won't see on the regular web conference circuit. </p>
</div>
<div class="4u">
<span class="icon featured fa-crosshairs"></span>
<h4>True multi-disciplinary format</h4>
<p>We run two sessions in parallel for most of the day so you can pick the talks most relevant to you.</p>
</div>
<div class="4u">
<span class="icon featured fa-coffee"></span>
<h4>Plenty of breaks</h4>
<p>We build in lots of downtime for the all important ‘hallway track’ so you have time to meet everyone, including speakers. And then keep the discussion going at the after-party.</p>
</div>
</div>
<div class="row">
<div class="4u" style="padding-top:20px">
<span class="icon featured fa-users"></span>
<h4>Inclusive community</h4>
<p>Whether you're from the South West or further afield, an old pro or just starting out, a Digpen veteran or first-timer, you're guaranteed a friendly welcome.</p>
<p>See our <a href="#codeofconduct">code of conduct</a>.</p>
</div>
<div class="4u" style="padding-top:20px">
<span class="icon featured fa-ticket"></span>
<h4>Unbeatable value</h4>
<p>Thanks to our volunteer organisers, all our speakers giving their time for free, and the invaluable support of the University of Plymouth and our other sponsors, we're able to bring you all this for the wallet-friendly price of just £45, with workshops just £15 each.</p>
</div>
<div class="4u" style="padding-top:20px">
<span class="icon featured fa-cutlery"></span>
<h4>Lunch and refreshments all included</h4>
<p>Yup, lunch is included in your ticket price. No need to bring sandwiches! And we'll keep the tea and coffee flowing throughout the day too.</p>
</div>
</div>
</section>
</section>
<section class="wrapper style3 container" id="workshops">
<header class="major">
<h2 style="margin-bottom:0">Workshop Programme</h2>
<p>Friday 26 September, 10:00am-4:30pm<br>
THINQTANQ, Plymouth, PL1 2AN</p>
</header>
<div class="row">
<div class="6u">
<p>10:00-11:00am</p>
<h4>Estimating your next web project (the easy way)</h4>
<p>Learn a quick, simple way to estimate a web project with Professional Scrum Trainer Derek Davidson. Free yourself from from the old tyranny of estimating, and gain the confidence to try estimating in a different, more agile way that benefits you and your client alike.</p>
<ul class="labels bios">
<li>
<div class="avatar"><img src="images/bios/derekdavidson.jpg" alt=""></div>
<span class="name">Derek Davidson</span>
<span class="handle"><a href="https://twitter.com/webgateintl">@webgateintl</a></span>
<span class="org">Professional Scrum Trainer with Scrum.org, Webgate Ltd, <a href="http://www.webgate.ltd.uk">webgate.ltd.uk</a></span>
</li>
</ul>
</div>
<div class="6u">
<p>11:30am-12:30pm</p>
<h4>Introduction to mobile web accessibility</h4>
<p>This primer on mobile accessibility from accessibility expert Jon Gibbins will give you a solid grounding on standards, guidelines and principles of making websites accessible on mobile devices, and demonstrate some of the accessibility features available on iOS and Android.</p>
<ul class="labels bios">
<li>
<div class="avatar"><img src="images/bios/jongibbins.jpg" alt=""></div>
<span class="name">Jon Gibbins</span>
<span class="handle"><a href="https://twitter.com/dotjay">@dotjay</a></span>
<span class="org">Accessibility Engineer, Dig Inclusion, <a href="http://diginclusion.com/">diginclusion.com</a></span>
</li>
</ul>
</div>
</div><!-- end row -->
<div class="row">
<div class="6u">
<p>2:00-3:00pm</p>
<h4>Automating front-end builds with Grunt</h4>
<p>Front-end development in 2014 is more complicated than it has ever been – with tools, jargon and a plethora of different "best practices" arriving daily. In this session Andy Wood and Andy Mantell will explain why a build tool like Grunt should be in your toolkit, the cool JavaScript and CSS things it can do, and take you through a quick set-up guide.</p>
<ul class="labels bios">
<li>
<div class="avatar"><img src="images/bios/andywood.jpg" alt=""></div>
<span class="name">Andy Wood</span>
<span class="handle"><a href="https://twitter.com/andywoodme">@andywoodme</a></span>
<span class="org">Software Developer</span>
</li>
</ul>
<ul class="labels bios">
<li>
<div class="avatar"><img src="images/bios/andymantell.jpg" alt=""></div>
<span class="name">Andy Mantell</span>
<span class="handle"><a href="https://twitter.com/andymantell">@andymantell</a></span>
<span class="org">Freelance Web Developer</span>
</li>
</ul>
</div>
<div class="6u">
<div class="session">
<p>3:30-4:30pm</p>
<h4>Hacking the Google Snippet</h4>
<p>Discover the different types of structured markup you can embed within web pages, and how to use them to control how your website appears in Google’s listings, with Ian Macfarlance, DigitasLBi's Head of Technical Search. Understand the different formats and data types available, the benefits of using them, and get your hands dirty writing and testing some real code examples.</p>
<ul class="labels bios">
<li>
<div class="avatar"><img src="images/bios/ianmacfarlane.jpg" alt=""></div>
<span class="name">Ian Macfarlane</span>
<span class="handle"><a href="http://ianmacfarlane.com">ianmacfarlane.com</a></span>
<span class="org">Head of Technical Search, DigitasLBi</span>
</li>
</ul>
</div>
</div>
</div><!-- end row -->
<footer>
<p>You'll need to bring your own laptop to get the most from the more technical workshops. </p>
<ul class="buttons">
<li><a href="#cta" class="button special">Register Now</a></li>
</ul>
<p>just £15 per workshop</p>
</footer>
</section>
<section class="wrapper style3 container"  id="programme">
<header class="major">
<h2 style="margin-bottom:0">Conference Programme</h2>
<p>Saturday 27 September, 10:00am-5:00pm<br>
Robbins Conference Centre, Plymouth, PL4 8BZ</p>
</header>
<div class="row">
<div class="6u">
<div class="session">
<h4>The numbers game at the Office for National Statistics </h4>
<p>One man (and his team)’s mission to fix “the worst, most important, website in the UK” and make tens of thousands of official statistics accessible and usable</p>
<ul class="labels bios">
<li>
<div class="avatar"><img src="images/bios/mattjukes.jpg" alt=""></div>
<span class="name">Matt Jukes</span>
<span class="handle"><a href="https://twitter.com/jukesie">@jukesie</a> | <a href="http://jukesie.me">jukesie.me</a></span>
<span class="org">Product Manager, Office for National Statistics</span>
</li>
</ul>
</div>
<hr>
<div class="session">
<h4>Distractedly intimate: your users on mobile</h4>
<p>Developing for mobile isn’t just about small screens and web vs native. How do we build for the intermittent, partial attention of users’ most intimate and most loved devices?</p>
<ul class="labels bios">
<li>
<div class="avatar"><img src="images/bios/catehuston.jpg" alt=""></div>
<span class="name">Cate Huston</span>
<span class="handle"><a href="https://twitter.com/catehstn">@catehstn</a> | <a href="http://accidentallyincode.com/">accidentallyincode.com</a></span>
<span class="org">Software Engineer</span>
</li>
</ul>
</div>
<hr>
<div class="session">
<h4>The UX of Things</h4>
<p>As the ‘Internet of Things’ becomes reality, what are our responsibilities when the things we build affect  people’s comfort, safety and most personal data?</p>
<ul class="labels bios">
<li>
<div class="avatar"><img src="images/bios/dangoodwin.jpg" alt=""></div>
<span class="name">Dan Goodwin</span>
<span class="handle"><a href="https://twitter.com/bouncingdan">@bouncingdan</a></span>
<span class="org">UX Designer, fffunction, <a href="http://fffunction.co/">fffunction.co</a></span>
</li>
</ul>
</div>
<hr>
<div class="session">
<h4>The creative process</h4>
<p>How do artists get from A to B when they don't know where B is? And how can you use the same creative process to successfully go from initial, vague idea to finished product</p>
<ul class="labels bios">
<li>
<div class="avatar"><img src="images/bios/johncowen.jpg" alt=""></div>
<span class="name">John Cowen</span>
<span class="handle"><a href="https://twitter.com/john_cowen">@john_cowen</a></span>
<span class="org">User Experience Designer, Mekonta, <a href="http://mekonta.co.uk">mekonta.co.uk</a></span>
</li>
</ul>
</div>
<hr>
<div class="session">
<h4>Work – where will we?</h4>
<p>Be more productive by adapting your work space to provide the right environment for concentrating, collaborating, learning and socialising</p>
<ul class="labels bios">
<li>
<div class="avatar"><img src="images/bios/sabrinasimpson.jpg" alt=""></div>
<span class="name">Sabrina Simpson</span>
<span class="handle"><a href="https://twitter.com/plymcowork">@plymcowork</a></span>
<span class="org">Catalyst for New Ways to Work, Plymouth Cowork, <a href="http://www.plymouthcowork.org/">plymouthcowork.org</a></span>
</li>
</ul>
</div>
<hr>
<div class="session">
<h4>Don't code after 5</h4>
<p>In an industry that never stops its incessant production of new, fascinating and shiny things, why you should never do your day job as a side project</p>
<ul class="labels bios">
<li>
<div class="avatar"><img src="images/bios/johnnye.jpg" alt=""></div>
<span class="name">John Nye</span>
<span class="handle"><a href="https://twitter.com/john_nye">@john_nye</a></span>
<span class="org">Developer</span>
</li>
</ul>
</div>
<hr>
<div class="session">
<h4>You up here next year</h4>
<p>Have fantastic ideas and skills to share, but don’t know where to start or nervous about public speaking? Overcome your fears, learn practical strategies and come back next year as a speaker</p>
<ul class="labels bios">
<li>
<div class="avatar"><img src="images/bios/daniellekrage.jpg" alt=""></div>
<span class="name">Danielle Krage</span>
<span class="handle"><a href="https://twitter.com/thedivingbell1">@thedivingbell1</a></span>
<span class="org">Public Speaking Trainer, thedivingbell, <a href="http://www.thedivingbell.co.uk">thedivingbell.co.uk</a></span>
</li>
</ul>
</div>
</div>
<div class="6u">
<div class="session">
<h4>Modular and maintainable front-ends</h4>
<p>Build clean, modular and maintainable front-end HTML &amp; CSS whether you're working alone or as part of a larger team</p>
<ul class="labels bios">
<li>
<div class="avatar"><img src="images/bios/andymantell.jpg" alt=""></div>
<span class="name">Andy Mantell</span>
<span class="handle"><a href="https://twitter.com/andymantell">@andymantell</a> | <a href="http://andymantell.com">andymantell.com</a></span>
<span class="org">Freelance Web Developer</span>
</li>
</ul>
</div>
<hr>
<div class="session">
<h4>Why choose Laravel?</h4>
<p>Why Crowdcube chose the Laravel PHP Framework to power their large-scale web application, and how they use it as a multi-disciplinary team</p>
<ul class="labels bios">
<li>
<div class="avatar"><img src="images/bios/johnblackmore.jpg" alt=""></div>
<span class="name">John Blackmore</span>
<span class="handle"><a href="https://twitter.com/johnblackmore">@johnblackmore</a> | <a href="http://johnblackmore.com">johnblackmore.com</a></span>
<span class="org">Technical Architect, Crowdcube</span>
</li>
</ul>
</div>
<hr>
<div class="session">
<h4>What do we want from open data?</h4>
<p>We are swimming in data, now how do we make it useful - to developers and to the public?</p>
<ul class="labels bios">
<li class="bio vcard">
<div class="avatar"><img src="images/bios/lucyknight.jpg" alt=""></div>
<span class="name">Lucy Knight</span>
<span class="handle"><a href="http://twitter.com/Jargonautical">@Jargonautical</a> | <a href="http://geekwonkinterface.wordpress.com/">geekwonkinterface.wordpress.com</a></span>
<span class="org">Policy/Strategy Officer, Devon County Council</span>
</li>
<li class="bio vcard">
<div class="avatar"><img src="images/bios/martinhowitt.jpg" alt=""></div>
<span class="name">Martin Howitt</span>
<span class="handle"><a href="http://twitter.com/MartinHowitt">@MartinHowitt</a> | <a href="http://forestandtrees.wordpress.com/">forestandtrees.wordpress.com</a></span>
<span class="org">ICT Strategy and Partnerships Officer, Devon County Council</span>
</li>
</ul>
</div>
<hr>
<div class="session">
<h4>Do you really need jQuery?</h4>
<p>How to ditch jQuery for newer HTML5 APIs and the performance benefits of raw JavaScript</p>
<ul class="labels bios">
<li>
<div class="avatar"><img src="images/bios/craigbuckler.jpg" alt=""></div>
<span class="name">Craig Buckler</span>
<span class="handle"><a href="https://twitter.com/craigbuckler">@craigbuckler</a></span>
<span class="org">Freelance web developer and SitePoint.com Contributing Editor <a href="http://www.sitepoint.com/author/craig-buckler/">sitepoint.com/author/craig-buckler/</a></span>
</li>
</ul>
</div>
<hr>
<div class="session">
<h4>Coffeescript, the good parts</h4>
<p>Get all the best bits of JavaScript, but with simpler syntax and fewer 'gotchas'</p>
<ul class="labels bios">
<li>
<div class="avatar"><img src="images/bios/jamesallen.jpg" alt=""></div>
<span class="name">James Allen</span>
<span class="handle"><a href="https://twitter.com/thejpallen">@thejpallen</a></span>
<span class="org">Web Developer, ShareLaTeX</span>
</li>
</ul>
</div>
<hr>
<div class="session">
<h4>Building mobile apps with PhoneGap</h4>
<p>Use your existing web development skills to make cross-platform native mobile apps with PhoneGap</p>
<ul class="labels bios">
<li>
<div class="avatar"><img src="images/bios/christiancook.jpg" alt=""></div>
<span class="name">Christian Cook</span>
<span class="handle"><a href="https://twitter.com/Cookie_Cookson">@Cookie_Cookson</a></span>
<span class="org">Head of App Development, Elixel, <a href="http://www.elixel.co.uk">elixel.co.uk</a></span>
</li>
</ul>
</div>
<hr>
<div class="session">
<h4>The endless possibilities of collaboration</h4>
<p>The benefits of rapid, iterative, collaborative development as seen from both sides: as a client and a member of the maker community</p>
<ul class="labels bios">
<li>
<div class="avatar"><img src="images/bios/robwick.jpg" alt=""></div>
<span class="name">Rob Wick</span>
<span class="handle"><a href="https://twitter.com/THINQTANQSPACES">@ThinqTanqSpaces</a></span>
<span class="org">Regional Curator UK and Ireland, Sealife, and Director of THINQTANQ <a href="http://www.thinqtanq.co.uk">thinqtanq.co.uk</a></span>
</li>
</ul>
</div>
<hr>
<div class="session">
<h4>Sales Copywriting: the secret weapon your business needs</h4>
<p>Write sales and marketing copy that gets attention, speaks to the desires and needs of your customers and gets them to take action and make that purchase</p>
<ul class="labels bios">
<li>
<div class="avatar"><img src="images/bios/ericmoeller.jpg" alt=""></div>
<span class="name">Eric Moeller</span>
<span class="handle"><a href="https://twitter.com/CopyDojo">@CopyDojo</a></span>
<span class="org">Digital Marketer &amp; Copywriter, Copy Dojo, <a href="http://copydojo.com">copydojo.com</a></span>
</li>
</ul>
</div>
</div>
</div>
<div class="row" style="text-align:center">
<div class="12u">
<h2>After-Party</h2>
<p>5pm until late <br>at the newly-refurbished
The Roundabout, Plymouth, PL4 8AQ</p>
</div>
</div>
<footer style="margin-top:2em;">
<ul class="buttons">
<li><a href="#cta" class="button special">Register Now</a></li>
</ul>
<p>Conference tickets £45</p>
</footer>
</section>
<section class="wrapper container style1"   id="location">
<header>
<h2>Location</h2>
</header>
<div class="row">
<div class="4u">
<h3>Conference Venue</h3>
<p>We're delighted to return to Robins Conference Centre at the University of Plymouth.
As well as a 200 seat main auditorium it also features breakout rooms for multi-track
sessions and a large central lobby for relaxing and meeting fellow conference goers.</p>
</div>
<div class="8u">
<div class="container-gmap">
<div class="overlay-gmap overlay-gmap-250" onClick="style.pointerEvents='none'"></div>
<p class="small">Robbins Conference Centre,
University of Plymouth,
Gibbons Street,
Plymouth, PL4 8BZ. <a href="https://maps.google.co.uk/maps?q=Robbins+Hall+and+Conference+Centre,+plymouth&amp;hl=en&amp;sll=50.375576,-4.136331&amp;sspn=0.007951,0.021136&amp;hq=Robbins+Hall+and+Conference+Centre,&amp;hnear=Plymouth,+United+Kingdom&amp;t=m&amp;ie=UTF8&amp;ll=50.37403,-4.136331&amp;spn=0.007951,0.021136&amp;source=embed" >Larger Map &amp; Directions</a>
</p>
</div>
</div><!-- /end conference venue -->
<div class="row" id="location-workshops">
<div class="4u">
<h3>Workshop Venue</h3>
<p>Our workshop venue is Plymouth's funky new co-working space, THINQTANQ, located near Plymouth's iconic waterfront.</p>
<p>They're also hosting a pre-conference social on the Friday night.</p>
</div>
<div class="8u">
<p class="container-gmap"><div class="overlay-gmap overlay-gmap-250" onClick="style.pointerEvents='none'"></div>
<small>THINQTANQ,
Fairbairn House,
Higher Lane,
Plymouth,
PL1 2AN.
<a href="https://www.google.com/maps/place/THINQTANQ/@50.369338,-4.138977,17z/data=!3m1!4b1!4m2!3m1!1s0x486c934d3de995ff:0xfec75e5d3b0c2004?hl=en-GB" >Larger Map &amp; Directions</a></small></p>
</div>
</div><!-- /end workshop venue -->
</section>
<section class="container" id="codeofconduct">
<header>
<h3>Code of Conduct</h3>
</header>
<p>Digpen is an inclusive, welcoming event. Please help us keep it that way. Digpen should be a friendly, safe and positive environment for all, regardless of gender, age, sexual orientation, disability, physical appearance, body size, race, or religion (or lack thereof). Sexual, racial or other harrassement, including use of sexual language and imagery, is not acceptable from anyone, including speakers and sponsors.  </p>
<p>Our <a href="codeofconduct.html">code of conduct</a> sets out in more detail what we consider acceptable and unacceptable behaviour. It applies to all conference venues both on- and offline, including talks, workshops, parties, Twitter and other online media. Anyone violating the code of conduct may be expelled from the event without a refund.</p>
</section>
<section id="sponsors" class="wrapper style1 special container">
<header>
<h3>Sponsors</h3>
</header>
<p>Get in touch if you would be interested in sponsoring Digpen 7.
</p>
<footer>
<ul class="buttons">
<li><a href="contact.html" class="button">Contact Us</a></li>
</ul>
</footer>
</section>
</article>
<section id="cta">
<header>
<h2>Register</h2>
</header>
<div class="container inner">
<div class="row">
<div class="8u">
<p><small>By registering you agree to the <a href="terms.html">terms &amp; conditions</a> and <a href="codeofconduct.html">code of conduct</a></small></p>
</div>
<div class="4u" style="text-align:left">
<h3>Conference Tickets</h3>
<ul>
<li>Full day of talks on the Saturday across two tracks</li>
<li>Lunch</li>
<li>Tea and coffee</li>
<li>After-party at the Roundabout</li>
</ul>
<h3>Workshop Tickets</h3>
<ul>
<li>Choose one or more 1-hour workshops</li>
<li>Only 20 places per workshop</li>
<li>Bring your own laptop</li>
<li>Includes refreshments</li>
<li>Lunch not included</li>
</ul>
</div>
</div>
</div>
</section>
<footer id="footer">
<p>Digpen is organised by <a href="http://twitter.com/andycayenne">Andy Robinson</a> and <a href="http://twitter.com/sophiedennis">Sophie Dennis</a> from Devon-based digital consultancy, Cayenne.<br> With support from Shirley Atkinson and the University of Plymouth.</p>
<ul class="icons">
<li><a href="https://twitter.com/digpensw" class="icon circle fa-twitter"><span class="label">Twitter</span></a></li>
<li><a href="contact.html" class="icon circle fa-envelope"><span class="label">Email</span></a></li>
<li><a href="http://www.google.com/profiles/112368139570074542703" class="icon circle fa-google-plus"><span class="label">Google+</span></a></li>
</ul>
<span class="copyright">&copy; Andy Robinson &amp; Sophie Dennis. All rights reserved. <br>
Based on the 'Twenty' template by <a href="http://html5up.net">HTML5 UP</a>.</span>
</footer>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>

Test runner

(function() {
var n = $("#programme .name");
})();

(function() {
var n = document.querySelectorAll("#programme .name");
})();

(function() {
var n = document.getElementById("programme").getElementsByClassName("name");
})();

Revisions

You can edit these tests or add more tests to this page by appending /edit to the URL.

• Revision 1: published by Craig Buckler on September 12, 2014
• Revision 3: published on September 16, 2014