zoukankan      html  css  js  c++  java
  • [H5]range对象之selectNode等方法

    关于range对象的selectNodeContents、selectNode、deleteContents方法
    示例代码如下:
    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Title</title>
    </head>
    <body>
        <div id="div" style="background-color:rosybrown;500px;height:200px;">这里有文字</div>
        <input type="button" onclick="deleteContent(true)" value="删除内容">
        <input type="button" onclick="deleteContent(false)" value="删除元素">
        <script>
            function deleteContent(test) {
                var div=document.getElementById("div");
                var range=document.createRange();
                if (test){
                    range.selectNodeContents(div);
                    range.deleteContents();
                }else{
                    range.selectNode(div);
                    range.deleteContents();
                }
            }
        </script>
    </body>
    </html>
  • 相关阅读:
    startup毕业论文
    LeetCode OJ
    LeetCode OJ
    LeetCode OJ
    LeetCode OJ
    LeetCode OJ
    install
    逻辑卷(lv)管理(LVM)
    mke2fs
    cat & 文件结束符
  • 原文地址:https://www.cnblogs.com/chooper/p/6378956.html
Copyright © 2011-2022 走看看