บทช่วยสอนนี้จะกล่าวถึงข้อผิดพลาดดังกล่าวและแนวทางแก้ไข
“TypeError: innerHTML ไม่ใช่ฟังก์ชันใน JavaScript” เกิดขึ้นได้อย่างไร
เมื่อเราพยายามเรียกใช้คุณสมบัติ innerHTML เป็นฟังก์ชัน เราได้รับข้อผิดพลาดดังกล่าว มาดูตัวอย่างว่าข้อผิดพลาดนี้เกิดขึ้นได้อย่างไร
ตัวอย่าง
จากตัวอย่าง เราจะแสดงเวลาปัจจุบันบนหน้าเว็บโดยใช้ JavaScript ก่อนอื่นให้สร้างองค์ประกอบ
ในไฟล์ HTML โดยกำหนด id “ เวลา ”:
< รหัสพี = 'เวลา' > หน้า >
ในแท็ก
เอกสาร. getElementById ( 'เวลา' ) . HTML ภายใน ( วันที่. เป็น LocaleTimeString ( ) ) ;
การดำเนินการตามโค้ดข้างต้นจะไม่แสดงเวลาบนหน้าและโยนข้อผิดพลาดที่จะแสดงใน “ คอนโซล ' หน้าต่าง:
ตอนนี้เรามาดูวิธีแก้ไขข้อผิดพลาดในส่วนที่กำหนดกัน!
วิธีแก้ไขข้อผิดพลาด “innerHTML ไม่ใช่ฟังก์ชันใน JavaScript”
หากต้องการแก้ไขปัญหาที่กล่าวถึงข้างต้น ให้ตั้งค่าแอตทริบิวต์ innerHTML ขององค์ประกอบ DOM ที่เกี่ยวข้อง เช่น “ element.innerHTML = ข้อความ '.
ตัวอย่าง
กำหนดค่าให้กับคุณสมบัติ/แอตทริบิวต์ innerHTML โดยรับองค์ประกอบ DOM ด้วยความช่วยเหลือของ ' getElementById() ” วิธีการโดยผ่าน id ที่กำหนดขององค์ประกอบ:
เอกสาร. getElementById ( 'เวลา' ) . HTML ภายใน = วันที่. เป็น LocaleTimeString ( ) ;เอาต์พุต
นั่นคือทั้งหมดที่เกี่ยวกับ innerHTML ไม่ใช่ฟังก์ชันในข้อผิดพลาดของ JavaScript และวิธีแก้ปัญหา
บทสรุป
ข้อผิดพลาดที่ระบุเกิดขึ้นเมื่อคุณจะพยายามเรียกใช้คุณสมบัติ innerHTML เป็นฟังก์ชัน หากต้องการแก้ไขปัญหานี้ ให้ตั้งค่าแอตทริบิวต์ innerHTML ขององค์ประกอบ DOM ที่เกี่ยวข้อง เช่น “ element.innerHTML = ข้อความ '. ในบทช่วยสอนนี้ เราได้กล่าวถึง TypeError: innerHTML ไม่ใช่ฟังก์ชันใน JavaScript ว่ามันเกิดขึ้นได้อย่างไร และวิธีแก้ไข