Skip to content

Instantly share code, notes, and snippets.

@disjukr

disjukr/README.md

Last active August 29, 2015 14:26
Download ZIP

Revisions

  1. disjukr revised this gist Jul 28, 2015. 1 changed file with 1 addition and 3 deletions.
    4 changes: 1 addition & 3 deletions el.js
    View file
    Original file line number Diff line number Diff line change
    @@ -1,7 +1,5 @@
    function el(qs, ...children) {
    let s = qs[0];
    let re = /([^#\.]+)?(?:#([^\.]+))?(?:\.(.+))?/;
    let m = s.match(re);
    let m = qs[0].match(/([^#\.]+)?(?:#([^\.]+))?(?:\.(.+))?/);
    let el = document.createElement(m[1] || 'div');
    let id = m[2]; if (id) el.id = id;
    let cls = m[3]; if (cls) el.className = cls.replace(/\./g, ' ');
  2. disjukr revised this gist Jul 28, 2015. 1 changed file with 1 addition and 1 deletion.
    2 changes: 1 addition & 1 deletion el.js
    View file
    Original file line number Diff line number Diff line change
    @@ -1,6 +1,6 @@
    function el(qs, ...children) {
    let s = qs[0];
    let re = /([^#\.]+)?(?:#([^\.]+))?(?:\.(.+))*/;
    let re = /([^#\.]+)?(?:#([^\.]+))?(?:\.(.+))?/;
    let m = s.match(re);
    let el = document.createElement(m[1] || 'div');
    let id = m[2]; if (id) el.id = id;
  3. disjukr revised this gist Jul 28, 2015. 1 changed file with 1 addition and 1 deletion.
    2 changes: 1 addition & 1 deletion README.md
    View file
    Original file line number Diff line number Diff line change
    @@ -2,4 +2,4 @@
    super simple dom template function

    ## how to use
    ![screenshot](./screenshot.png)
    ![screenshot](https://gist.githubusercontent.com/disjukr/90abba4966d79d2942f7/raw/3c2932bc718bf22cf52b2e1715de41599dc56fcb/screenshot.png)
  4. disjukr revised this gist Jul 28, 2015. 1 changed file with 1 addition and 1 deletion.
    2 changes: 1 addition & 1 deletion README.md
    View file
    Original file line number Diff line number Diff line change
    @@ -2,4 +2,4 @@
    super simple dom template function

    ## how to use
    ![screenshot](screenshot.png)
    ![screenshot](./screenshot.png)
  5. disjukr revised this gist Jul 28, 2015. 2 changed files with 1 addition and 6 deletions.
    7 changes: 1 addition & 6 deletions README.md
    View file
    Original file line number Diff line number Diff line change
    @@ -2,9 +2,4 @@
    super simple dom template function

    ## how to use
    ```js
    let mydom = el`div#foo.bar.baz
    ${'foo'}
    ${el`${'bar'}`}
    ${'baz'}`;
    ```
    ![screenshot](screenshot.png)
    Binary file added screenshot.png
    View file
    Loading
    Sorry, something went wrong. Reload?
    Sorry, we cannot display this file.
    Sorry, this file is invalid so it cannot be displayed.
  6. disjukr created this gist Jul 28, 2015.
    10 changes: 10 additions & 0 deletions README.md
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,10 @@
    # el
    super simple dom template function

    ## how to use
    ```js
    let mydom = el`div#foo.bar.baz
    ${'foo'}
    ${el`${'bar'}`}
    ${'baz'}`;
    ```
    16 changes: 16 additions & 0 deletions el.js
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,16 @@
    function el(qs, ...children) {
    let s = qs[0];
    let re = /([^#\.]+)?(?:#([^\.]+))?(?:\.(.+))*/;
    let m = s.match(re);
    let el = document.createElement(m[1] || 'div');
    let id = m[2]; if (id) el.id = id;
    let cls = m[3]; if (cls) el.className = cls.replace(/\./g, ' ');
    for (let child of children) {
    el.appendChild(
    typeof child === 'string' ?
    document.createTextNode(child) :
    child
    );
    }
    return el;
    }