Leo: Created page with "This page will contain some common '''vanilla''' javascript information. Not Javascript frameworks such as jQuery or AngularJS. == Operations == === Retrieving DOM elements =..."

2016-01-12T18:45:58Z

Created page with "This page will contain some common '''vanilla''' javascript information. Not Javascript frameworks such as jQuery or AngularJS. == Operations == === Retrieving DOM elements =..."

New page

This page will contain some common '''vanilla''' javascript information. Not Javascript frameworks such as jQuery or AngularJS.

== Operations ==
=== Retrieving DOM elements ===
Consider the following HTML:
{{highlight|lang=html4strict|code=
<div id="link-container">
<a id="link" href="#">Click Me</a>
</div>
}}

==== By ID ====
{{highlight|lang=javascript|code=
var container = document.getElementById('link-container');
}}

==== By Tag Name ====
{{highlight|lang=javascript|code=
var containers = document.getElementsByTagName('div');

// Number of elements found: containers.length
}}

=== Modifying Attributes ===
With an element selected, attributes can be modified using {{code|getAttribute(name)}} and {{code|setAttribute(name, value)}}.

{{highlight|lang=javascript|code=
var link = document.getElementById('link');

// url set to href attribute, currently '#'
var url = link.getAttribute("href");
link.setAttribute("href", "http://leo.leung.xyz");
}}

[[Category:Javascript]]

Javascript - Revision history

Leo: Created page with "This page will contain some common '''vanilla''' javascript information. Not Javascript frameworks such as jQuery or AngularJS. == Operations == === Retrieving DOM elements =..."