Wiki

Clone wiki

LiteQuery / appendChild

back to API

appendChild()

#!javascript
appendChild(/* String */ html)

Description

Append HTML as last child of selected element.

Example

Initial Markup:

#!html
<body>
    <div class='parent-div'>
        <div class='child0'></div>
        <div class='child1'></div>
        <div class='child2'></div>
    </div>
    <div class='parent-div'>
        <div class='child0'></div>
        <div class='child1'></div>
        <div class='child2'></div>
    </div>
</body>
Executing:
#!javascript
lq('.parent-div').appendChild('<div class="child3"></div>');
Produces:
#!html
<body>
    <div class='parent-div'>
        <div class='child0'></div>
        <div class='child1'></div>
        <div class='child2'></div>
        <div class='child3'></div>
    </div>
    <div class='parent-div'>
        <div class='child0'></div>
        <div class='child1'></div>
        <div class='child2'></div>
        <div class='child3'></div>
    </div>
</body>
back to API

Updated