How do change the contents of a webpage by using JavaScript?

Question

I want to change a (Classic-ASP) webpage by using JavaScript. Sorry I must...

The page is as like this:

<input maxlength='30' id='InputX1' type='text' ...>&nbsp;

<table class='CustomSelectTable' id='CustomTableY' ...>
    <tr>
        <td style='height: 20px;'>
            <input type='text' class='clsComboboxWithBorder required' id='InputX2' ...>
        </td>
    </tr>
</table>

Really they are two variables like this:

sInputVal = "<input maxlength..."
sTalbeVal = "<table class..."

and I want to change it like this:

<table class='CustomSelectTable' id='CustomTableY' ...>
    <tr>
        <td style='height: 20px;'>
            <input maxlength='30' id='InputX1' type='text' ...>&nbsp;
            <input type='text' class='clsComboboxWithBorder required' id='InputX2' ...>
        </td>
    </tr>
</table>

Which code do you need and do you do that?

Answer 1

使用jQuery，它将是：

$('#InputX2').parent().prepend($('#InputX1'));