Javascript: หมาไฟตามหาไอดีไม่เจอ

บทความนี้เป็นบทความแรกที่เกี่ยว javascript ที่ผมเขียนซึ่งมันไม่ใช่เนื้อหาอะไรมากมายแต่จะเป็นข้อควรระวังสำหรับนักพัฒนาเว็บไซต์ที่หลงลืมเป็นบ้างครั้งในกรณีที่ใช้ browser firefox ซึ่งผมก็ขอเอาเรื่องเลยละกัน

javascript, firefox, ie, getElementById, จาวาสคลิปต์เบื้องต้น

ขั้นแรกก็ทำการสร้างไฟล์ html โดยมี input text 1 อัน แล้วสร้างปุ่มเพื่อเรียกการใช้งาน javascript โดย javascript นี้มีชื่อ function ว่า getNum การทำงานแค่ alert แสดงค่าใน input text เท่านั้นเองโดย โค้ดมีดังนี้

[sourcecode language=”html”]

New Document

[/sourcecode]

แล้วเซฟไฟล์ชื่อว่า testid.html หรือชื่อที่เราต้องการจากนั้นเปิดไฟล์ใน firefox จะเห็นว่าไม่มีการแสดงค่าขึ้นมาแล้วถ้าลง firebux ก็จะเห็น error ดังรูป

javascript, firefox, ie, getElementById, จาวาสคลิปต์เบื้องต้น

javascript, firefox, ie, getElementById, จาวาสคลิปต์เบื้องต้น

ผลการรันบน firefox

แต่ถ้าเปิดกับ IE จะเห็นว่ามันจะทำการค่า ID ให้ทั้งที่เราไม่มีการกำหนดใน input text เลย

javascript, firefox, ie, getElementById, จาวาสคลิปต์เบื้องต้น

javascript, firefox, ie, getElementById, จาวาสคลิปต์เบื้องต้น

ผลการรันบน IE

แต่หลังจากนั้นเราก็แก้ input text ใส่ id ลงไปดังนี้

<inputid=”num” name=”num”/>

ก็จะได้ผลที่ถูกต้องดังรูป

javascript, firefox, ie, getElementById, จาวาสคลิปต์เบื้องต้น

สำหรับใครที่ยังไม่ค่อยเข้าใจ javascript นั้นคำสั่ง alert จะเป็นการแสดง popup block แสดงออกมาส่วนการอ้างอิงใน javascript ใน web page จะมีลำดับการอ้างอิงใน web page ซึ่งสามารถหาข้อมูลเพิ่มเติมได้

ช่วงนี้ผมกำลังศึกษาหาความรู้เพิ่มเติมอยู่เลยทำให้เขียนบทความช้าหน่อยครับ แต่ถ้าใครสนใจลงโฆษณากับเว็บไซต์ก็ติดต่อมาที่ [email protected] นะครับ

Leave a Reply

Your email address will not be published. Required fields are marked *