Semak sama ada teg img src kosong atau batal atau tidak ditentukan

Question

Saya mengambil data JSON dan memproses data itu untuk memasukkannya ke dalam teg html yang betul. Kadangkala data JSON tidak mengandungi maklumat atau tidak tersedia. Dalam contoh yang diberikan, src kosong atau penyepak tidak hadir, yang akan memberikan sesuatu seperti {} atau undefined atau '' atau null pada baris ini:

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

Saya mencari penyelesaian di papan dan mencubanya, tetapi tidak berjaya. Atau mungkin saya tidak faham logiknya. Beberapa contoh yang tidak berkesan untuk saya:

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

Atau saya cari pautan ini:

JSON kadangkala tidak ditentukan - bagaimana cara saya menyemak?

Ini adalah coretan kod saya, saya ingin menyemak sama ada terdapat data(url) dalam jsonData[i].src. Bagaimana saya boleh melakukan ini? Di bahagian kedua, src kosong, dan di bahagian ketiga, penyepak hilang. Bagaimana untuk menyemak?

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

Answer 1

const imgElement = document.querySelector('img');
const imgSrc = imgElement.getAttribute('src');

if (!imgSrc || imgSrc.trim() === '') {
  console.log('Image src is empty, null or undefined');
} else {
  console.log('Image src is not empty');
}