已解決430363個問題，去搜搜看，總會有你想問的

如何獲取隨時間動態變化的 HTML span 值

首頁猿問如何獲取隨時間動態變化的 HTML...

如何獲取隨時間動態變化的 HTML span 值

JavaScript

慕標5832272 2023-07-14 14:47:50

我有一個 DHT 傳感器，我使用 mqtt 將數據發送到服務器。從那里我將數據顯示到 a span，因此跨度值正在變化。我想做的是：當傳感器停止工作時，它會顯示故障span，我只想在故障時顯示圖像。<span id="fault"></span>我嘗試使用 JS 來獲取span然后顯示的圖像，但它不起作用<img src="yellowled.png" alt="Girl in a jacket" width="60" height="60" id="my_image"> <script> document.getElementById('my_image').style.display = 'none'; var span_Text = document.getElementById("fault").innerText; if (span_Text === "fault"){ document.getElementById('my_image').style.display = 'inline'; }</script>

查看完整描述

2 回答

寶慕林4294392

TA貢獻2021條經驗獲得超8個贊

如果您的跨度值在不刷新頁面的情況下發生變化，則需要在跨度值發生變化時觸發函數。

為此你需要創建函數：

function functionName(){

var span_Text = document.getElementById("fault").innerText;

if (span_Text === "fault"){

document.getElementById('my_image').style.display = 'inline';

}

然后你需要在你的span id上設置Javascript MutationObserveronchange ，因為它不適用于span。

然后你需要在 DOM 改變時調用你的函數。

var yourSpan = document.getElementById("fault");

var observer = new MutationObserver(function(mutations) {

mutations.forEach(function(mutation) {

console.info('changed');

functionName();

});

var setting = { attributes: true, childList: true, characterData: true };

observer.observe(yourSpan, setting);

反對回復 2023-07-14

慕桂英546537

TA貢獻1848條經驗獲得超10個贊

使用MutationObserver

function callback (event) {

? ? // inspect event or event.target.textContent and react

}

observer = new MutationObserver((events) => events.forEach(callback));

observer.observe(document.getElementById("fault"), {childList: true, subtree: true, characterData: true});

反對回復 2023-07-14

2 回答
0 關注
166 瀏覽

關注

添加回答

舉報

0/150

提交

取消

亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

熱搜

最近搜索清空

如何獲取隨時間動態變化的 HTML span 值

如何獲取隨時間動態變化的 HTML span 值

2 回答

添加回答