從另一個網站的窗口小部件中刪除文本

Question

我要刪除圖像中標記的文本。

它是另一個網站的窗口小部件。

能否使用javascript在文本周圍插入一個“ a”，然后再使用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代碼存儲在該段落的strong元素中，並刪除其余部分。

Answer 2

據我了解，您只想刪除文本“ Sidste opkald blev besvaretpå” ，而是將<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); }