@htmltools/hdom 0.1.0 → 0.1.1

package/lib/hdom.d.ts

@@ -23,28 +23,30 @@ export class hdom {
     static createCheckBox(id: string, checked: boolean): HTMLInputElement;
     /**
      * @param {string} name
-     * @param {Object<string,string|number>|string} [attributes]
+     * @param {Object<string,string|number|undefined>|string} [attributes]
+     * @param {Element} [parent]
      * @returns {HTMLElement}
      */
     static createElement(name: string, attributes?: {
-        [x: string]: string | number;
-    } | string): HTMLElement;
+        [x: string]: string | number | undefined;
+    } | string, parent?: Element): HTMLElement;
     /**
-     * @param {Object.<string,string|number>|string} attributes
+     * @param {Object.<string,string|number|undefined>|string} attributes
      * @returns {HTMLInputElement}
      */
     static createInputElement(attributes: {
-        [x: string]: string | number;
+        [x: string]: string | number | undefined;
     } | string): HTMLInputElement;
     /**
      * @param {string} name
-     * @param {Object<string,string>} attributes
+     * @param {Object<string,string>|string} attributes
      * @param {string|number} text
-     * @returns {Element}
+     * @param {Element} [parent]
+     * @returns {HTMLElement}
      */
     static createTextElement(name: string, attributes: {
         [x: string]: string;
-    }, text: string | number): Element;
+    } | string, text: string | number, parent?: Element): HTMLElement;
     /**
      * @param {string|HTMLElement} e
      * @param {boolean} [enable=true]

package/lib/hdom.js

@@ -50,10 +50,11 @@ export class hdom {
 
   /**
    * @param {string} name
-   * @param {Object<string,string|number>|string} [attributes]
+   * @param {Object<string,string|number|undefined>|string} [attributes]
+   * @param {Element} [parent]
    * @returns {HTMLElement}
    */
-  static createElement(name, attributes) {
+  static createElement(name, attributes, parent) {
     const e = document.createElement(name);
     switch (typeof attributes) {
       case "string":
@@ -62,33 +63,37 @@ export class hdom {
         break;
       case "object":
         for (const [k, v] of Object.entries(attributes)) {
-          e.setAttribute(k, v.toString());
+          if (v !== undefined) {
+            e.setAttribute(k, v.toString());
+          }
         }
         break;
     }
+    if (parent) {
+      parent.appendChild(e);
+    }
     return e;
   }
 
   /**
-   * @param {Object.<string,string|number>|string} attributes
+   * @param {Object.<string,string|number|undefined>|string} attributes
    * @returns {HTMLInputElement}
    */
   static createInputElement(attributes) {
-    const e = this.createElement("input", attributes);
-    if (!(e instanceof HTMLInputElement)) {
-      throw new Error();
-    }
-    return e;
+    return /** @type {HTMLInputElement} */ (
+      this.createElement("input", attributes)
+    );
   }
 
   /**
    * @param {string} name
-   * @param {Object<string,string>} attributes
+   * @param {Object<string,string>|string} attributes
    * @param {string|number} text
-   * @returns {Element}
+   * @param {Element} [parent]
+   * @returns {HTMLElement}
    */
-  static createTextElement(name, attributes, text) {
-    const elem = this.createElement(name, attributes);
+  static createTextElement(name, attributes, text, parent) {
+    const elem = this.createElement(name, attributes, parent);
     this.setTextValue(elem, text.toString());
     return elem;
   }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@htmltools/hdom",
-  "version": "0.1.0",
+  "version": "0.1.1",
   "description": "Tools to interact with the HTML DOM.",
   "license": "MIT",
   "repository": {