Search results for 2013 07 22 dom traversal and manipulation with voyeur

DOM Traversal and Manipulation with Voyeur

by Brian Rinaldi

src=”js/vendor/modernizr-2.6.2.min.js”></script> </head> <body> <div class=”header-container”> <header class=”wrapper clearfix”> <h1 class=”title”>Voyeur.js Sample Site</h1> <nav> <ul> <li><a href=”http://dunxrion.github.io/voyeur.js/”>Voyeur Site</a></li> <li><a href=”https://github.com/dunxrion/voyeur.js”>GitHub</a></li> <li><a href=”https://github.com/dunxrion/voyeur.js/blob/master/Voyeur.min.js”>Download</a></li> </ul> </nav> </header> </div> <div class=”main-container”> <div class=”main wrapper…

Rethinking DOM Traversal

by Brian Rinaldi

…that point – so let’s look at the typical DOM traversal methods. DOM Traversal Methods Before we begin exploring the various DOM traversal methods, it may be useful to have…

A DOM Manipulation Class in 100 Lines of JavaScript

by Krasimir Tsonev

</footer> Accessing the first paragraph: dom(‘p’).el Accessing the paragraph in the header node: dom(‘p’, ‘header’).el Passing a DOM element: dom(document.querySelector(‘header’)).el Passing a JavaScript object: var els = dom({ footer: ‘footer’,…

Uncovering the Native DOM API

by Nicolas Bevacqua

It also fixes inconsistencies in IE8 as well as some other cross-browser fixes. Other than that, querying the DOM is pretty much done natively. Lets turn to manipulation. DOM Manipulation

2013 – The Year in Web Development

by Brian Rinaldi

pushed so much further in 2013 helped bolster developer’s confidence in creating their own custom elements with a framework like AngularJS. 2013 was also another tumultuous year for mobile, as…

First Look: Getting Started with Facebook’s ReactJS Library

by Mike Hostetler

…{items:this.state.items} ), React.DOM.form( {onSubmit:this.handleSubmit}, React.DOM.input( {onChange:this.onChange, value:this.state.text} ), React.DOM.button(null, ‘Add #’ + (this.state.items.length + 1)) ) ) ); } }); React.renderComponent(TodoApp(null ), mountNode); RenderComponent() creates and renders Component. Functions onChange…

Introduction to the Component JavaScript Package Manager

by Brian Rinaldi

…fast! In the land of Component, instead of jQuery, we can use the much more light-weight dom component component install component/dom Check your component.json and make sure it contains “component/dom”…

Soma.js – Your Way Out of Chaotic JavaScript

by Brian Rinaldi

…by the framework are dependency injection, observer pattern, mediator pattern, facade pattern, command pattern, OOP utilities and a DOM manipulation template engine as an optional plugin. Dependency injection Dependency injection…

String Templating Considered Harmful

by rich_harris

…need to listen to DOM events on those nodes. Updating views by inserting freshly rendered HTML into the DOM is like knocking your house down and rebuilding it when all…

Best of JavaScript, HTML & CSS – Week of July 15, 2013

by Brian Rinaldi

…alternative syntax for DOM traversal and Manipulation. DOM Traversal and Manipulation with Voyeur Joel Hooks takes a look inside AngularJS to examine the internal directives that override standard HTML tags….