檢查 img src 標籤是否為空或 null 或未定義
P粉111227898
P粉111227898 2024-03-28 09:36:47
0
1
361

我正在處理 JSON 資料並處理該資料以將其插入正確的 html 標籤中。有時 JSON 資料不包含資訊或根本不可用。在給定的範例中,src 為空或踢腳器不存在,這會在這一行給出類似 {} 或 undefined 或 '' 或 null 的結果:

document.getElementById("placeholder_" + (k)).src = jsonData[i].src;

我在板上尋找解決方案並嘗試過,但沒有成功。或者說我沒有理解這個邏輯。一些對我不起作用的例子:

document.getElementById('id2').src = json.img2 ? json.img2.link : 'defaultLink';

或我查閱了此連結:

JSON 有時未定義 - 我該如何檢查?

這是我的程式碼片段,我想檢查 jsonData[i].src 中是否有資料(網址)。我怎樣才能做到這一點? 在第二部分中,src 為空,在第三部分中,踢球器遺失。如何檢查?

var jsonData = [
    {
    src: 'https://www.w3schools.com/tags/img_girl.jpg',
    kicker: 'Kyiv',
    headline: 'Grief and defiance in city on first anniversary of war in Ukraine',
  },
  {
    src: '',
    kicker: 'Russia',
    headline: 'how can Ukraine win? And what is the feeling within Russia?',
  },
  {
    src: 'https://www.w3schools.com/tags/img_girl.jpg',
    
    headline: 'how can Ukraine win? And what is the feeling within Russia?',
  }
  ]
  
 $(document).ready(function () {
    var k = 1;
    //loop through json data and insert into corresponding divs
    for (var i = 0; i < jsonData.length; i++) {
        document.getElementById("placeholder_" + (k)).src = jsonData[i].src;
        document.getElementById("placeholder_" + (k = k + 1)).innerText = jsonData[i].kicker;
        document.getElementById("placeholder_" + (k = k + 1)).innerText = jsonData[i].headline;
        k = k + 1;
    }
    });

P粉111227898
P粉111227898

全部回覆(1)
P粉662614213

雷雷

熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板