JavaScript Tutorial/DOM Node/DOM Range

Материал из Web эксперт
Перейти к: навигация, поиск

Using DOM range

   <source lang="javascript">

This example works in browsers that support DOM ranges. This example will fail in Internet Explorer.

<html>

   <head>
       <title>DOM Range Example</title>
       <script type="text/javascript">
           function deleteContent() {
               var oP1 = document.getElementById("p1");
               var oHello = oP1.firstChild.firstChild;
               var oWorld = oP1.lastChild;
               var oRange = document.createRange();
               
               oRange.setStart(oHello, 2);
               oRange.setEnd(oWorld, 3);
               oRange.deleteContents();
                               
           }
       </script>
   </head>
<body>

Hello World

       <input type="button" value="Delete Content" onclick="deleteContent()" />   
    
   </body>

</html></source>