• 技术文章 >web前端 >H5教程

    range对象之selectNode等方法

    高洛峰高洛峰2017-02-09 14:47:04原创1491
    range对象之selectNode等方法

    关于range对象的selectNodeContents、selectNode、deleteContents方法
    示例代码如下:
    <!DOCTYPE html>
    <html>
    <head>
        <meta charset="UTF-8">
        <title>Title</title>
    </head>
    <body>
        <div id="div" style="background-color:rosybrown;width: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>

    更多range对象之selectNode等方法相关文章请关注PHP中文网!

    声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。
    专题推荐:range selectNode
    上一篇:range对象的clone方法 下一篇:API之range对象
    VIP课程(WEB全栈开发)

    相关文章推荐

    • 【活动】充值PHP中文网VIP即送云服务器• Html5 Canvas初探学习笔记(3) -绘制样式和绘制文本 • HTML5边玩边学(二)-基础绘图• 在HTML5 Canvas中放入图片和保存为图片的方法_html5教程技巧• 基于Modernizr 让网站进行优雅降级的分析_html5教程技巧• html5配合css3实现带提示文字的输入框(摆脱js)_html5教程技巧
    1/1

    PHP中文网