javascript - 从另一个网站的小部件中删除文本

Question

我想删除图片中标记的文字。

它是来自另一个网站的小部件。

你能用 javascript 在文本周围插入一个，然后用 css 删除它吗？我想将强元素保留在跨度内。

<p class="Firmafon-external-css-widget-call-status Firmafon-status-available">
<span class="Firmafon-call-status-4571995996">Sidste opkald blev besvaret på <strong class="Firmafon-call-status-answer-time-4571995996">26 sekunder</strong></span>

Answer 1

据我了解，您只想删除文本"Sidste opkald blev besvaret på"，但保存 <strong>...</strong>在 parent 内部 <span> ？所以:

UPD:使用 CSS 的解决方案:

.Firmafon-external-css-widget-call-status.Firmafon-status-available span {
  font-size: 0;
}
.Firmafon-external-css-widget-call-status.Firmafon-status-available span strong {
  font-size: 14px;
}

使用 JavaScript 的解决方案:

1. 存储<strong>元素；
2. 清除 <span>元素；
3. 插入存储的<strong>进入清除<span> .

下面是一个例子:

window.addEventListener('load', removeText);

function removeText() {
  var p = document.querySelector(".Firmafon-external-css-widget-call-status.Firmafon-status-available");
  if (!p) return;
  var span = p.querySelector("span");
  var strong = span.querySelector("strong");
  span.innerHTML = '';
  span.appendChild(strong);
}