communauté Apprendre Bibliothèque d'outils Loisirs

Français

Maison > interface Web > Tutoriel H5 > selectNode et autres méthodes d'objet range

selectNode et autres méthodes d'objet range

高洛峰

Libérer： 2017-02-09 14:47:04

original

2802 Les gens l'ont consulté

SelectNode et autres méthodes d'objets range

关于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>

Copier après la connexion

Pour plus d'articles liés à selectNode et d'autres méthodes d'objets range, veuillez faire attention au site Web PHP chinois !

Étiquettes associées：

range selectNode

source：php.cn

Article précédent：méthode de clonage de l'objet plage Article suivant：Objet de plage API

Déclaration de ce site Web

Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn

Derniers articles par auteur