Soalan tentang fungsi rekursif javascript Sila tanya tuan.

Question

Selamat petang, Cikgu, tolong bantu saya mengetahui mengapa fungsi saya tidak dapat dilaksanakan?
Penjelasan situasi: Memandangkan jadual dalam p dimuatkan melalui ajax, tujuan fungsi tersebut adalah untuk menentukan sama ada terdapat jadual sedemikian, jadikan latar belakangnya berwarna merah jika tidak, jalankan fungsi berikut selepas 1 saat. Tetapi sekarang Apabila jadual telah dimuatkan dan dipaparkan, fungsi find() tidak menjadikan jadual menjadi merah (laporan ralat: Uncaught RangeError: Saiz tindanan panggilan maksimum melebihi)
Terima kasih terlebih dahulu, tuan!

Answer 1

Kerana anda telah melebihi bilangan maksimum panggilan dengan p.getElementsByTagName('table')[0]这个取到的是一个DOM对象，由于DOM对象没有.length属性，所以target.length其实是未定义的。而undefined > 0的值一直是false，所以你会无限次地调用else分支，所以也就会添加无数次的find(p)绑定。所以浏览器提示find.

Pendekatan yang betul ialah membiarkan nilai target为p.getElementsByTagName("table")，这才是一个数组，才有.length.

Kemas kini

Kod:
Pilihan 1: (Nilai panjang tatasusunan semua jadual dan ambil operasi pertama)

function find(p) {
    var target = p.getElementsByTagName("table");
    if (target.length > 0) {
        target[0].style.background = 'red';
    } else {
        setTimeout(function() {
            find(p);
        }, 1000)
    }
};

Pilihan 2: (Hakim secara langsung jadual dan kendalikan terus jadual yang diperolehi)

function find(p) {
    var target = p.getElementsByTagName("table")[0];
    if (target) {
        target.style.background = 'red';
    } else {
        setTimeout(function() {
            find(p);
        }, 1000)
    }
};

Answer 2

target.length sasaran ialah jadual, apakah meja.panjang?

Sila rujuk

function find(p) {
  var interval = setInterval(function () {
    var target = p.getElementsByTagName("table")[0]
    if (target) {
      clearInterval(interval)
      target.style.background = 'red'
    }
  }, 1000)
}