Saya telah mendefinisikan elemen, tetapi ketika saya mencoba untuk menampilkan apa pun selain item pertama dalam daftar, saya mendapatkan kesalahan Uncaught ReferenceError: item1 is not defined.

Saya telah mendefinisikan variabel.

Apa yang saya lakukan salah?

let itemOne = `<h2>Item One</h2>`;
let itemTwo = `<h2>Item Two</h2>`;
let itemThree = `<h2>Item Three</h2>`;

item1.innerHTML = itemOne;

item2.innerHTML = itemTwo;

item3.innerHTML = itemThree;
<div id="item2"></div>
-1
Millhorn 28 Mei 2021, 02:24

3 jawaban

Jawaban Terbaik

Tambahkan ketentuan if untuk memeriksa apakah elemen ada sebelum Anda mencoba mengaksesnya.

let itemOne = `<h2>Item One</h2>`;
let itemTwo = `<h2>Item Two</h2>`;
let itemThree = `<h2>Item Three</h2>`;

if (typeof(item1) !== 'undefined') item1.innerHTML = itemOne;

if (typeof(item2) !== 'undefined') item2.innerHTML = itemTwo;

if (typeof(item3) !== 'undefined') item3.innerHTML = itemThree;
<div id="item2"></div>
2
jabaa 27 Mei 2021, 23:42

Anda harus mendapatkan elemen terlebih dahulu dengan id misalnya.

Untuk mencegah pesan kesalahan, periksa apakah Anda memiliki elemen terlebih dahulu.

let itemTwo = `<h2>Item Two</h2>`;

let item2 = document.getElementById("item2");
if (item2) {
  item2.innerHTML = itemTwo;
}
<div id="item2"></div>
0
The fourth bird 27 Mei 2021, 23:34

Masalah item1, item2 tidak ditemukan, kita perlu membuat elemen, sebelum mengaturnya:

let itemOne = `<h2>Item One</h2>`;
let itemTwo = `<h2>Item Two</h2>`;
let itemThree = `<h2>Item Three</h2>`;

document.querySelector('#item1').innerHTML = itemOne;
document.querySelector('#item2').innerHTML = itemTwo;
document.querySelector('#item3').innerHTML = itemThree;
<div id="item1"></div>
<div id="item2"></div>
<div id="item3"></div>

0
heithem moumni 27 Mei 2021, 23:30