หากต้องการค้นหาตัวอักษรทุกตัว ยกเว้นอักขระขึ้นบรรทัดใหม่ (newline) ให้ใช้เมทาอักขระ . (จุด/period) ลองรันโค้ดด้านล่างเพื่อค้นหาตัวอักษร: ตัวอย่าง <html> <head> <title>JavaScript Regular Expression</title> </head> <body> <script> var myStr

หากต้องการรับข้อมูลเกี่ยวกับเบราว์เซอร์ที่หน้าเว็บกำลังทำงานอยู่ ให้ใช้ออบเจ็กต์ navigator ที่มีอยู่ในตัว (built-in) สามารถใช้เมธอดและคุณสมบัติต่างๆ ของ Navigator ได้ ตัวอย่าง ลองรันโค้ดด้านล่างเพื่อดูการใช้งานออบเจ็กต์ Navigator ใน JavaScript: <html> <head> <title>Navigator

ใช้คุณสมบัติ delete ใน JavaScript เพื่อลบคุณสมบัติ (property) ออกจากออบเจ็กต์ ลองรันโค้ดด้านล่างเพื่อเรียนรู้การทำงานของตัวดำเนินการ delete ในที่นี้เราจะลบราคาหนังสือ: ตัวอย่าง <html> <head> <title>JavaScript Delete Operator</title> <script> function book(title,

หากต้องการค้นหาตัวเลข (0-9) ด้วย JavaScript Regular Expression ให้ใช้เมทาอักขระ (metacharacter) ดังนี้: \d ตัวอย่าง ลองรันโค้ดด้านล่างเพื่อค้นหาตัวเลข: <html> <head> <title>JavaScript Regular Expression</title> </head> <body> <script> var

ใช้ Modifiers (ตัวปรับแต่ง) เพื่อทำให้การใช้ Regular Expressions ใน JavaScript ง่ายขึ้น ช่วยให้สามารถค้นหาในหลายบรรทัด ทำการค้นหาแบบไม่สนใจตัวพิมพ์เล็กใหญ่ และอื่นๆ ได้ ตัวอย่าง ตัวปรับแต่งหลักมีดังนี้: ลำดับ Modifier และคำอธิบาย 1 iทำการจับคู่แบบไม่ส

หากต้องการสร้างคำอธิบายตาราง (caption) ให้ใช้เมธอด createCaption() ของ DOM ตัวอย่าง ลองรันโค้ดด้านล่างเพื่อเรียนรู้วิธาสร้างคำอธิบายตาราง: <!DOCTYPE html> <html> <head> <script> function captionFunc(x) { document.getElementById(x).createCaption().innerHTML

เมธอด exec() ใน JavaScript ใช้สำหรับค้นหาสตริงด้วยรูปแบบ (pattern) ที่กำหนด จะคืนค่า null หากไม่พบการจับคู่ มิฉะนั้นจะคืนค่าข้อความที่ค้นหาเจอ ตัวอย่าง ลองรันโค้ดด้านล่างเพื่อเรียนรู้การทำงานของเมธอด exec() ใน JavaScript Regular Expression: <html> <head> <title>JavaScript Reg

หากต้องการแสดงภาพเปลี่ยนเมื่อเลื่อนเมาส์ (image rollover) ด้วยเหตุการณ์เมาส์ ให้ลองรันโค้ดด้านล่าง: ตัวอย่าง <html> <head> <title>Rollover with a Mouse Event</title> <script> <!-- if(document.images) { var image1 = new Image(); // โห

หากต้องการค้นหาตัวอักษรที่ ไม่อยู่ ในช่วงที่กำหนด ให้ใช้รูปแบบดังนี้: [^...] เครื่องหมาย ^ ภายในวงเล็บแทนการปฏิเสธ (negation) ตัวอย่าง ลองรันโค้ดด้านล่างเพื่อเรียนรู้วิธีค้นหาตัวอักษรที่ไม่อยู่ในวงเล็บ: <html> <head> <title>JavaScript Regular Expression</title> </h

หากต้องการค้นหาตัวอักษรระหว่างวงเล็บ ให้เพิ่มตัวอักษรที่ต้องการค้นหาไว้ภายในวงเล็บ และใช้เมธอด match(): [...] ตัวอย่าง ลองรันโค้ดด้านล่างเพื่อเรียนรู้วิธีค้นหาตัวอักษรระหว่างวงเล็บใน JavaScript Regular Expression: <html> <head> <title>JavaScript Regular Expression</title&g

หากต้องการลบแถวในตารางด้วย JavaScript ให้ใช้เมธอด deleteRow() ของ DOM ตัวอย่าง ลองรันโค้ดด้านล่างเพื่อเรียนรู้วิธีลบแถวในตาราง โค้ดนี้จะลบแถวทีละแถว: <!DOCTYPE html> <html> <head> <script> function captionFunc(x) { document.getElementById(x).createCaption(

หากต้องการค้นหาตัวเลขที่ ไม่อยู่ ในช่วงที่กำหนด ให้ใช้รูปแบบดังนี้: [^0-9] เครื่องหมาย ^ ภายในวงเล็บแทนการปฏิเสธ (negation) หมายถึง ยกเว้นตัวอักษรเหล่านี้ ตัวอย่าง ลองรันโค้ดด้านล่างเพื่อเรียนรู้วิธีค้นหาตัวเลขที่ไม่อยู่ในช่วง 4-6: <html> <head> <title>JavaScript Regular Expr

หากต้องการจับคู่ตัวเลขทศนิยมตั้งแต่ 0 ถึง 9 ให้ใช้รูปแบบ (pattern) ดังนี้: [0-9] ตัวอย่าง ลองรันโค้ดด้านล่างเพื่อเรียนรู้วิธีค้นหาตัวเลขระหว่างวงเล็บใน JavaScript RegExp: <html> <head> <title>JavaScript Regular Expression</title> </head> <body> <s

หากต้องการทำการจับคู่แบบไม่สนใจตัวพิมพ์เล็กใหญ่ (case-insensitive matching) ให้ใช้ ตัวปรับแต่ง (modifier) i ซึ่งมีให้ใช้งานใน JavaScript Regular Expression ตัวอย่าง ลองรันโค้ดด้านล่างเพื่อทดสอบการจับคู่แบบไม่สนใจตัวพิมพ์เล็กใหญ่: <html> <head> <title>JavaScript Regular Expres

Legacy DOM (DOM Level 0) เป็น DOM รุ่นแรก (Netscape 2/3, IE 3) ให้การเข้าถึงเฉพาะคอลเลกชันที่กำหนดไว้ล่วงหน้า ไม่สามารถเข้าถึง Element ทั่วไปได้ นี่คือคุณสมบัติหลัก: ตารางคุณสมบัติ Document ของ Legacy DOM #Propertyคำอธิบายตัวอย่างสถานะ 1alinkColorสีของ Link ที่ Active (กำลังถูกคลิก) - Deprecated

ใน JavaScript Regular Expressions Special Characters (Metacharacters) ใช้ควบคุม จำนวนครั้ง (Quantifiers), ตำแหน่ง (Anchors), การจับคู่กลุ่ม (Grouping), และ Logic อื่นๆ นี่คือตัวสำคัญ: Quantifiers (ตัวกำหนดจำนวน) Patternชื่อความหมายตัวอย่าง Match X+One or more (+)X ติดกัน 1 ตัวขึ้นไปX, XX, XXX X*

W3C DOM (World Wide Web Consortium Document Object Model) เป็นมาตรฐานสากลสำหรับการเข้าถึงและจัดการเอกสาร HTML/XML นี่คือวิธีการเข้าถึงคุณสมบัติเอกสารด้วย W3C DOM Method: เมธอดหลักสำหรับเข้าถึง Element Methodคำอธิบายคืนค่า document.getElementById(id)ค้นหา Element ตาม ID (Unique)Element หรือ null

ใน JavaScript มี 3 ประเภทของ DOM (Document Object Model) ที่ใช้เข้าถึงและแก้ไขเนื้อหาเอกสาร ซึ่งแตกต่างกันในระดับการรองรับและความสามารถ: 1. Legacy DOM (DOM Level 0) ผู้นำเสนอ: Netscape Navigator 2/3, IE 3 (ประมาณ 1995-1996) เข้าถึงได้: แค่ส่วนจำกัด - document.forms[], document.images[], document.li

W3C DOM (Document Object Model) เป็นมาตรฐานสากลสำหรับการเข้าถึงและจัดการเอกสาร HTML/XML นี่คือคุณสมบัติหลักของ document ที่เข้าถึงได้ผ่าน W3C DOM: คุณสมบัติหลัก (Core Document Properties) #Propertyคำอธิบายตัวอย่าง 1documentElementอ้างอิงถึง Element <html> (Root Element) ของเอกสาร (Read-onl

ใน JavaScript Regular Expression \w (Word Character) ใช้จับคู่ ตัวอักษรภาษาอังกฤษ (a-z, A-Z), ตัวเลข (0-9), และ Underscore (_) เทียบเท่ากับ [a-zA-Z0-9_] Syntax /\w/ // จับคู่ Word Character ตัวแรก /\w/g // จับคู่ Word Character ทั้งหมด (Global flag) /\w+/ // จับคู่ Word Character