Handle innerHTML

developit · Apr 3, 2017 · 6587fc1 · 6587fc1
1 parent f4d70bf
commit 6587fc1
Showing 1 changed file with 17 additions and 0 deletions.
diff --git a/src/undom.js b/src/undom.js
@@ -101,12 +101,24 @@ export default function undom() {
 				set: val => { this.setAttribute('style', val); },
 				get: () => this.getAttribute('style')
 			});
+			Object.defineProperty(this, 'innerHTML', {
+				set: val => { this.setAttribute('innerHTML', val); },
+				get: () => this.getAttribute('innerHTML')
+			});
 		}
 
 		get children() {
 			return this.childNodes.filter(isElement);
 		}
 
+		insertBefore(child, ref) {
+			super.insertBefore(child, ref);
+			let attr = findWhere(this.attributes, createAttributeFilter(null, 'innerHTML'));
+			if (attr) {
+				this.removeAttribute('innerHTML');
+			}
+		}
+
 		setAttribute(key, value) {
 			this.setAttributeNS(null, key, value);
 		}
@@ -121,6 +133,11 @@ export default function undom() {
 			let attr = findWhere(this.attributes, createAttributeFilter(ns, name));
 			if (!attr) this.attributes.push(attr = { ns, name });
 			attr.value = String(value);
+			if (name === 'innerHTML') {
+				while (this.firstChild) {
+					this.removeChild(this.firstChild);
+				}
+			}
 		}
 		getAttributeNS(ns, name) {
 			let attr = findWhere(this.attributes, createAttributeFilter(ns, name));