[H5]range对象之selectNode等方法

2022-06-04 分类：网站建设

关于range对象的selectNodeContents、selectNode、deleteContents方法

示例代码如下:

<!DOCTYPE html> 
<html lang="en"> 
<head> 
    <meta charset="UTF-8"> 
    <title>Title</title> 
</head> 
<body> 
    <div id="div" >这里有文字</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>

分享题目：[H5]range对象之selectNode等方法
文章源于：/news31/163331.html

成都网站建设公司_创新互联，为您提供网站收录、定制开发、网站制作、关键词优化、品牌网站建设、Google

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源：创新互联

猜你还喜欢下面的内容