我想删除图片中标记的文字。
它是来自另一个网站的小部件。
你能用 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>
最佳答案
据我了解,您只想删除文本"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 的解决方案:
- 存储
<strong>
元素; - 清除
<span>
元素; - 插入存储的
<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);
}
关于javascript - 从另一个网站的小部件中删除文本,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/48188004/