第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號(hào)安全，請(qǐng)及時(shí)綁定郵箱和手機(jī)立即綁定
已解決430363個(gè)問(wèn)題，去搜搜看，總會(huì)有你想問(wèn)的

如何獲取隨時(shí)間動(dòng)態(tài)變化的 HTML span 值

如何獲取隨時(shí)間動(dòng)態(tài)變化的 HTML span 值

慕標(biāo)5832272 2023-07-14 14:47:50
我有一個(gè) DHT 傳感器，我使用 mqtt 將數(shù)據(jù)發(fā)送到服務(wù)器。從那里我將數(shù)據(jù)顯示到 a span，因此跨度值正在變化。我想做的是：當(dāng)傳感器停止工作時(shí)，它會(huì)顯示故障span，我只想在故障時(shí)顯示圖像。<span id="fault"></span>我嘗試使用 JS 來(lái)獲取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貢獻(xiàn)2021條經(jīng)驗(yàn) 獲得超8個(gè)贊

如果您的跨度值在不刷新頁(yè)面的情況下發(fā)生變化，則需要在跨度值發(fā)生變化時(shí)觸發(fā)函數(shù)。


為此你需要?jiǎng)?chuàng)建函數(shù)：


function functionName(){

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

    if (span_Text  === "fault"){

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

    }

}

然后你需要在你的span id上設(shè)置Javascript MutationObserveronchange ，因?yàn)樗贿m用于span。


然后你需要在 DOM 改變時(shí)調(diào)用你的函數(shù)。


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);


查看完整回答
反對(duì) 回復(fù) 2023-07-14
?
慕桂英546537

TA貢獻(xiàn)1848條經(jīng)驗(yàn) 獲得超10個(gè)贊

使用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});



查看完整回答
反對(duì) 回復(fù) 2023-07-14
  • 2 回答
  • 0 關(guān)注
  • 165 瀏覽
慕課專欄
更多

添加回答

舉報(bào)

0/150
提交
取消
微信客服

購(gòu)課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

 幫助反饋 APP下載

慕課網(wǎng)APP
您的移動(dòng)學(xué)習(xí)伙伴

 公眾號(hào)

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號(hào)