Insert opening and closing HTML tag

[joecool2005]

Hi,

I have an html like this

                           <input type="submit" value="Submit" class="zoom_button" />
                            <span class="zoom_results_per_page">
                                <label for="zoom_per_page">Results per page:</label>
                                <select name="zoom_per_page" id="zoom_per_page">
                                    <option selected="selected">10</option>
                                    <option>20</option>
                                    <option>50</option>
                                    <option>100</option>
                                </select><br /><br />
                            </span>

I would like to insert the div tag like this

                      <div class="zoom_searchform">
                            <input type="submit" value="Submit" class="zoom_button" />
                            <span class="zoom_results_per_page">
                                <label for="zoom_per_page">Results per page:</label>
                                <select name="zoom_per_page" id="zoom_per_page">
                                    <option selected="selected">10</option>
                                    <option>20</option>
                                    <option>50</option>
                                    <option>100</option>
                                </select><br /><br />
                            </span>
                        </div>

How can I do that in javascript?

Thanks

[justsomeguy]

You can create the new div, get the input and span elements and append them to the new div, then append the div to whatever those are inside.

https://developer.mozilla.org/en-US/docs/Web/API/Node/appendChild