节点 | GM shave()函数

简介

在GM中，我们可以通过shave()函数删除节点的子元素。该函数只有一个参数value，用于指定一个CSS选择器，表示要删除的子元素的范围。当value为空时，将删除所有子元素。

语法

shave(value);

参数说明

• value：必选参数，用于指定一个CSS选择器，表示要删除的子元素的范围。当value为空时，将删除所有子元素。

示例

删除指定元素的子元素

假如我们有如下HTML结构：

<div id="box">
  <p>段落 1</p>
  <p class="danger">段落 2</p>
  <p>段落 3</p>
</div>

我们可以使用以下代码来删除id为box的元素中的class为danger的子元素：

// 获取id为box的元素
var box = document.querySelector('#box');

// 删除class为danger的子元素
box.shave('.danger');

删除所有子元素

假如我们有如下HTML结构：

<ul id="list">
  <li>列表项 1</li>
  <li>列表项 2</li>
  <li>列表项 3</li>
</ul>

我们可以使用以下代码来删除id为list的元素的所有子元素：

// 获取id为list的元素
var list = document.querySelector('#list');

// 删除所有子元素
box.shave();

总结

shave()函数是GM中一个非常有用的函数，用于删除节点的子元素，可以根据实际需求来选择删除的范围，提高程序代码的效率和可读性。