从其他网站删除小部件中的文本

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

假设您能够访问/修改这些DOM元素：

var queryP = ".Firmafon-external-css-widget-call-status.Firmafon-status-available",
    keepHTML = document.querySelector(queryP + " strong").innerHTML;
document.querySelector(queryP).innerHTML = keepHTML;

基本上，这会将HTML代码存储在该段落的强元素中，并删除其余部分。

Answer 2

据我了解，您只想删除文本“Sidste opkald blevbesvaretpå”，但将<strong>...</strong>保存在父<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);
}