dom4's Introduction

DOM4

Now in cdnJS

Many thanks to cdnjs for hosting this script. Following an example on how to include it.

<script
  src="//cdnjs.cloudflare.com/ajax/libs/dom4/1.1.0/dom4.js"
>/* DOM4 */</script>

Features

This is a fully tested and covered polyfill for both new DOM Level 4 parentNode entries:

Element#prepend()
Element#append()

And for new DOM Level 4 childNode entries:

Element#before()
Element#after()
Element#replace()
Element#remove()

The implemented test is conform to current specifications.

Other fixes/standardized behaviors include:

classList, with forced fixes for iOS 5.1 and Nokia ASHA Xpress Browser and early implementations
CustomEvent constructor for all browsers down to IE8
Element#matches utility to test elements against CSS selectors
Element#closest utility to find element inclusive ancestor via CSS selectors

The DOM4 license is Mit Style.

If you need other polyfills too have a look at another DOM-shim repo.

Compatibility

Theoretically compatible with all browsers you know that are truly used these days, here a list:

Android 2.1+
Safari Mobile since iOS 3.0 and Desktop
Opera Mobile, Mini, and Desktop
Blackberry 7.1 and higher
Samsung Bada 2 native Browser
Midori and most likely all other WebKit based
Chrome Mobile and Desktop
Firefox Mobile and Desktop
IE8+ for Desktop and IE Mobile 9 or greater.
Nokia Xpress Browser for ASHA Platform
Silk Browser - Fire OS 3.0
PhantomJS can benefit from DOM4 too

It's way easier if you tell me which browser in a current relevant market share is not supported :-)

For IE8 only it's recommended to include ie8 script before dom4 or CustomEvent, addEventListener, and dispatchEvent won't work as expected.