swapNode method

Exchanges the location of two objects in the document hierarchy.

Syntax

object.swapNode(otherNode)

Parameters

otherNode [in]

Type: IHTMLDOMNode

Object that specifies the existing element.

Return value

Type: IHTMLDOMNode

Returns a reference to the object that invoked the method.

Standards information

There are no standards that apply here.

Remarks

This method is accessible at run time. If elements are removed at run time, before the closing tag is parsed, areas of the document might not render.

Examples

This example uses the swapNode method to exchange the location of two objects.

JavaScript


<!DOCTYPE html>

<html>
<head>
  <title>swapNode</title>
</head>
<body>
  <ul id="oList">
    <li>List Item 1</li>
    <li>List Item 2</li>
    <li>List Item 3</li>
    <li>List Item 4</li>
  </ul>
  <input type="button" value="Swap List" onclick="fnSwap()">
  <script>
    function fnSwap() {
      var oList = document.getElementById('oList');

      oList.children[0].swapNode(oList.children[1]);
    }
  </script>
</body>
</html>