Greasemonkey 删除 li 元素

Question

如何使用 greasemonkey 从 youtube 页面删除 'li' 节点：

...
    <li class="guide-channel guide-notification-item overflowable-list-item " id="create_channel-guide-item" data-visibility-tracking="" role="menuitem">

      <a class="guide-item yt-uix-sessionlink yt-valign spf-nolink   " href="/create_channel" title="My Channel" data-sessionlink="ei=CzwqV8TfL8KqWpTMrqgN&amp;feature=g-personal&amp;ved=CJUCELUsGAEiEwiEkeuVg8HMAhVClRYKHRSmC9Uojh4" data-visibility-tracking="" data-external-id="create_channel" data-serialized-endpoint="8qHduQECCAE%3D">
        <span class="yt-valign-container">
            <span class="thumb guide-my-channel-icon yt-sprite"></span>
            <span class="display-name  no-count">
              <span>
                My Channel
              </span>
            </span>
        </span>
      </a>
....

Answer 1

你可以这样做：

var li = document.getElementById('create_channel-guide-item');
li.parentNode.removeChild(li);

但是，如果该内容是异步加载的，您需要重复此操作直到它起作用：

(function removeLi(try) {
    if (!try) return; // give up
    var li = document.getElementById('create_channel-guide-item');
    if (li) { // found!
        li.parentNode.removeChild(li);
        return;
    }
    setTimeout(removeLi.bind(null, try-1), 100);
})(100); // try 100 times

Greasemonkey 删除 li 元素

Greasemonkey delete li element

greasemonkey