remove innerHTML assignments

README.md changes
manifest version change

README.md

@@ -30,7 +30,6 @@ I was usually getting around these boring stuff by opening the browser console t
 * [Injection flow](https://github.com/Lor-Saba/Code-Injector#injection-flow)
 * [Installation](https://github.com/Lor-Saba/Code-Injector#installation)
 * [What's next](https://github.com/Lor-Saba/Code-Injector#whats-next)
-* [Changelog](https://github.com/Lor-Saba/Code-Injector#changelog)
 * [Credits](https://github.com/Lor-Saba/Code-Injector#credits)
 * [Info](https://github.com/Lor-Saba/Code-Injector#info)
 
@@ -244,11 +243,6 @@ otherwise you can download, build and install the repository manually.
 
 I would like to make it more and more easy to use so that even who's new to programming can use this add-on with ease.
 
-## Changelog
-
-__[0.1.0]()__  <small><small>( ?? / ?? / ???? )</small></small>
-* Initial Beta release of Code-Injector.
-
 ## Credits
 
 - Code editors handled using [monaco-editor](https://github.com/Microsoft/monaco-editor).

src/manifest.json

@@ -2,7 +2,7 @@
 
     "manifest_version": 2,
     "name": "Code Injector",
-    "version": "0.1.0",
+    "version": "0.1.1",
 
     "description": "Inject code into websites! (JavaScript, CSS, HTML and Files)",
     "permissions": [ "<all_urls>", "tabs", "activeTab", "storage", "webNavigation" ],

src/script/browser-action.js

@@ -335,7 +335,7 @@ function setEditorPanelData(_data){
     el.tab.querySelector('.color-files').dataset.active = data.active.files;
 
     // insert the files list 
-    el.filesList.innerHTML = '';
+    emptyElement(el.filesList);
     data.code.files.push({type:'', path:''});
     each(data.code.files, function(){
         var file = this;

src/script/inject.js

@@ -72,11 +72,11 @@
         }
         else{
 
-            var div = document.createElement('div');
-                div.innerHTML = _rule.code;
+            var parser = new DOMParser();
+            var doc = parser.parseFromString(_rule.code, "text/html");
 
-            while(div.firstChild){
-                document.body.append(div.firstChild);
+            while(doc.body.firstChild){
+                document.body.append(doc.body.firstChild);
             }
 
             _cb();

src/script/utils.js

@@ -93,10 +93,24 @@ function stringToElement(_string, _data){
         });
     }
 
-    var div = document.createElement('div');
-        div.innerHTML = _string;
+    var parser = new DOMParser();
+    var doc = parser.parseFromString(_string, "text/html");
 
-    return div.firstElementChild;
+    return doc.body.firstElementChild;
+}
+
+/** 
+ * remove every child nodes from the given element
+ * 
+ * @param {HTMLElement} _element 
+ */
+function emptyElement(_element){
+
+    if (!_element) 
+        return;
+
+    while (_element.firstChild)
+        _element.removeChild(_element.firstChild);
 }
 
 /**