使用 Javascript 删除文本节点

Question

我正在尝试从 div 中删除一个文本节点，但保留所有其他元素。我要删除的字符是正斜杠吗？

<div class="d-inline-block">
    <span>
        <a data-hovercard-type="user" data-hovercard-url="/hovercards?user_id=6715615" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self"
        href="/davislf2">davislf2</a>
        /
        <a href="/davislf2/24322cb99c1a7a82fb64fe1f5816aef6">
            <strong class="css-truncate-target">css_common.css</strong>
        </a>
    </span>
</div>

JSFiddle

这是期望的结果：

Answer 1

试试这个

var childNodes = document.getElementById('text').childNodes;

childNodes.forEach(function(entry) 
{
    if(entry.textContent.trim() =='/')
    {
    	 entry.textContent =" ";
       //entry.remove(); //for remove 
    }
});

<div class="d-inline-block" >
		<span id="text">
			<a data-hovercard-type="user" data-hovercard-url="/hovercards?user_id=6715615" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self"
			href="/davislf2">davislf2</a>
			/
			<a href="/davislf2/24322cb99c1a7a82fb64fe1f5816aef6">
				<strong class="css-truncate-target">css_common.css</strong>
			</a>
		</span>
	</div>

Answer 2

你可以这样做：

var removeNode = $('span').children();
$('span').html('').html(removeNode);

Answer 3

在那个特定的 sn-p 中你可以这样做：

document.getElementsByClassName('d-inline-block')[0].childNodes[1].childNodes[2].remove();

document.getElementsByClassName('d-inline-block')[0].childNodes[1].childNodes[2].remove();

<div class="d-inline-block">
  <span>
			<a data-hovercard-type="user" data-hovercard-url="/hovercards?user_id=6715615" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self"
			href="/davislf2">davislf2</a>
			/
			<a href="/davislf2/24322cb99c1a7a82fb64fe1f5816aef6">
				<strong class="css-truncate-target">css_common.css</strong>
			</a>
		</span>
</div>