是否可以從元素內的 DOM 中刪除 textNode？

Question

我正在使用 SharePoint 博客，出於某種奇怪的原因，每個博客的帖子都寫着，

按 [object Object] 在 HR 部門

我正在嘗試使用 DOM 操作來刪除它，但無濟於事。 HTML 如下所示。 我想通過 [object Object]刪除

<div class="ms-metadata ms-textSmall">
    <span> 
      by [object Object] in <a class="ms-link" id="blgcat" href="https://myPortal.net">IT Department</a>
    </span>
</div>

我嘗試了以下但沒有用

var link = document.getElementById("blgcat").parentNode.textNode;
console.log(link)
var leafSibling = link.previousSibling
link.removeChild(leafSibling)

知道如何解決嗎？ 這是筆。

Answer 1

你很接近。 從已知元素開始……鏈接。

然后獲取鏈接的前一個兄弟節點並將其從鏈接的父節點中刪除。

 var link = document.getElementById("blgcat"); link.parentNode.removeChild(link.previousSibling)

 <div class="ms-metadata ms-textSmall"> <span> by [object Object] in <a class="ms-link" id="blgcat" href="https://myPortal.net">IT Department</a> </span> </div>