是否可以从元素内的 DOM 中删除 textNode？

Question

我正在使用 SharePoint 博客，出于某种奇怪的原因，每个博客的 post 都写着，

人力资源部[object Object]

我正在尝试使用 DOM 操作来删除它，但无济于事。 HTML 看起来像下面这样。我想删除 by [object Object] in

<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)

知道如何解决吗？这是 pen.

Answer 1

你很接近。从已知元素开始...... link.

然后获取 link 的前一个兄弟节点并将其从 link 的父节点中删除。

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>

是否可以从元素内的 DOM 中删除 textNode？

Is it possible to delete a textNode from the DOM within an element?

javascript

sharepoint

dom