การลบคลาสออกจากองค์ประกอบ HTML นั้นทำได้ง่ายด้วย remove() ของคุณสมบัติ JavaScript classList กระบวนการ. หากคุณได้อ่านวิธีเพิ่มชั้นเรียนให้กับองค์ประกอบแล้ว คุณจะรู้ว่าการลบชั้นเรียนนั้นเหมือนกันทุกประการ ในทางกลับกัน มาดูสูตรทั่วไปของ classList.remove() แล้วตามด้วยตัวอย่างที่นำไปใช้ได้จริง สูตร var

ด้วยข้อมูลโค้ดที่ละเอียดนี้ คุณสามารถเพิ่มแอตทริบิวต์ ID ให้กับองค์ประกอบ HTML ที่มีอยู่ได้โดยใช้ JavaScript เดอะโค้ด let featuredTitle = document.querySelector(h1); featuredTitle.id = featured-title; สิ่งที่เกิดขึ้นในวิดีโอมีดังนี้ อันดับแรก เราพบองค์ประกอบ h1 บนหน้าเว็บและกำหนดให้กับตัวแปรชื่อ

คุณไม่สามารถส่งออบเจ็กต์ JavaScript ไปยังเซิร์ฟเวอร์โดยตรง แต่คุณ สามารถ ส่ง JSON — รูปแบบสตริงที่เข้าถึงได้ในระดับสากล ด้วยข้อมูลโค้ดนี้ คุณสามารถแปลงออบเจ็กต์ JavaScript เป็นสตริง JSON ได้อย่างรวดเร็ว ซึ่งช่วยให้คุณส่งข้อมูลไปยังเซิร์ฟเวอร์ของคุณได้ นี่คือวัตถุ JavaScript ที่เป็นตัวแทนของบุคคลเ

บทช่วยสอน Vanilla JavaScript ที่เป็นมิตรกับผู้เริ่มต้นใช้งาน ประเด็นสำคัญ:วิธีเขียน เหตุการณ์หน้าต่างประสิทธิภาพสูง ที่จะไม่ทำลายฮาร์ดแวร์ของผู้ใช้ของเรา สำหรับ:สมบูรณ์ระดับเริ่มต้นจนถึงระดับกลาง วันนี้ เรากำลังสร้างแอปเล็กๆ ที่เรียกว่า “ขนาดวิวพอร์ต” คุณลักษณะนี้ทำสิ่งหนึ่งได้ดีมาก:แสดงค่าความกว้

การตรวจสอบว่ามีคลาสอยู่บนองค์ประกอบหรือไม่นั้นทำได้ง่ายและรวดเร็วด้วย contain() ของคุณสมบัติ JavaScript classList วิธีการ มาดูสูตรทั่วไปของการใช้ classList.contains() . กันก่อน แล้วเราจะดูเชิงปฏิบัติ กรณีใช้งาน classList.contains() สูตร var element = document.querySelector(selector) element.classL

สมมติว่าคุณมีองค์ประกอบที่มองไม่เห็น (เช่น แถบ/เมนูการทำงาน) ที่คุณต้องการแสดงเมื่อเมาส์ของผู้ใช้เข้าสู่พื้นที่นั้น เราสามารถทำได้โดยตั้งค่าเหตุการณ์ mouseenter JavaScript วิธีการทำ: มาร์กอัป HTML เพิ่มโค้ด HTML ต่อไปนี้ในตัวแก้ไขที่คุณชื่นชอบ (สำหรับออนไลน์ ผมแนะนำ CodePen การจัดรูปแบบ CSS เพิ

วิธีสลับคลาสในองค์ประกอบด้วย JavaScript เป็นหนึ่งในทักษะที่ใช้งานได้จริงที่สุดที่คุณสามารถเรียนรู้ได้ในฐานะนักพัฒนา การสลับใช้สำหรับหลายๆ อย่าง รวมถึงการแสดงและซ่อนเมนู การเพิ่มและลบตัวกรองการค้นหา และปุ่มโซเชียลมีเดีย (ชอบ ยกนิ้วให้ เป็นต้น) การสลับไม่จำเป็นต้องซับซ้อนกว่าโค้ดสองสามบรรทัด แน่นอน

วิธีที่ง่ายที่สุดในการลบอักขระตัวสุดท้ายออกจากสตริงที่มี JavaScript คือการใช้ slice() วิธีการ ในการทำเช่นนั้น เราจะต้องเพิ่มพารามิเตอร์สองตัวภายใน slice() วิธีการ: จุดเริ่มต้น (0) จำนวนรายการที่จะลบ (1) นี่คือตัวอย่างที่เราแก้ไขชื่อบริษัทที่สะกดผิด: const companyName = Netflixx const fixCompanyN

คุณจะตรวจสอบได้อย่างไรว่าสตริงมีค่าคำเฉพาะกับ JavaScript หรือไม่ โดยใช้ includes() . ในตัวของ JavaScript เมธอด ซึ่งกำหนดว่าสตริงมีอักขระเฉพาะที่คุณต้องการหรือไม่ สมมติว่าคุณต้องการทราบว่าหน้า HTML นี้มีคำว่า “JavaScript” หรือไม่: ในการค้นหาผ่าน JavaScript อันดับแรก เราต้องเลือกองค์ประกอบที่เราสง

คุณเข้าถึงองค์ประกอบ X จำนวนแรกในอาร์เรย์ JavaScript ได้อย่างไร คุณใช้ slice() . ในตัวของ JavaScript วิธีการ ตัวอย่างเช่น สมมติว่าคุณต้องจัดการ 3 รายการแรกของอาร์เรย์ ในกรณีนี้ อาร์เรย์คือรายการของแบบฝึกหัด: const exerciseList = [ Deadlift, Squat, Push-up, Pull-up, Turkish Get-up, Kettl

เรียนรู้วิธีซ่อนและแสดงองค์ประกอบ DOM ด้วย JavaScript วานิลลาธรรมดา JavaScript มีคุณสมบัติสไตล์ที่เรียกว่า style ที่สามารถใช้ตั้งค่าคุณสมบัติ CSS ในองค์ประกอบ และจัดรูปแบบได้เหมือนกับที่คุณสามารถทำได้ด้วย CSS มาลองดูกัน! นี่คือวิธีที่คุณซ่อนองค์ประกอบ DOM ด้วย JavaScript: element.style.display = n

เรียนรู้สองสามวิธีในการผนวกรายการเข้ากับอาร์เรย์ด้วย JavaScript หากต้องการผนวกรายการเข้ากับอาร์เรย์ คุณสามารถใช้ push() . ของ JavaScript เมธอดหรือ concat() วิธีการขึ้นอยู่กับบริบท ทั้งสองวิธีมีให้โดยวัตถุ JavaScript Array ฉันจะแสดงให้คุณเห็นถึงวิธีการและเหตุผลในการใช้ทั้งสองวิธีในทางปฏิบัติ ผนวกรา

เรียนรู้วิธีนับจำนวนคุณสมบัติในวัตถุ JavaScript ด้วยสองวิธีที่แตกต่างกัน ในการนับจำนวนคุณสมบัติของวัตถุ JavaScript คุณสามารถใช้: a for ห่วง หรือ Object.keys() วิธีการ มาสำรวจทั้งคู่กันเถอะ! นับคุณสมบัติของอ็อบเจ็กต์ด้วย a for loop นี่คือวัตถุ JavaScript ชื่อ dog : const dog = { name: Naya,

การเรียนรู้วิธีตรวจจับการคลิกภายนอกองค์ประกอบด้วย JavaScript เป็นทักษะอันทรงพลังที่คุณสามารถใช้ได้ในหลายสถานการณ์ เช่น สำหรับการซ่อนเมนูหรือหน้าต่างโมดอล ในไม่กี่นาที คุณจะรู้วิธี จาวาสคริปต์พื้นฐานภายนอกการตรวจจับองค์ประกอบ สร้างองค์ประกอบกล่องใน HTML: มาจัดรูปแบบกล่องด้วย CSS และสร้าง ซ่อนคลาส

เรียนรู้วิธีแทนที่ช่องว่างภายในสตริงด้วย JavaScript โดยใช้ Regex (นิพจน์ทั่วไป) ซึ่งเป็นเครื่องมือสำหรับค้นหารูปแบบภายในข้อความ Regex (มักสะกดว่า “RegEx หรือ “RegExp”) เป็นเครื่องมือที่มีประสิทธิภาพสำหรับการทำงานกับสตริง (ข้อความ) กรณีการใช้งาน Regex ที่พบบ่อยที่สุดคือ: การตรวจสอบข้อความ ค้นหาข้อค

เรียนรู้วิธีแปลงอาร์เรย์เป็นสตริงด้วย JavaScript โดยใช้สองวิธีที่แตกต่างกัน JavaScript มีสองวิธีที่ช่วยให้คุณสามารถส่งคืนเนื้อหาอาร์เรย์เป็นสตริงได้ เรียกว่า toString() และ join() . บนพื้นผิว พวกมันดูเหมือนเกือบจะเหมือนกัน แต่อย่างที่คุณเห็น พวกมันไม่ มาทดสอบทั้งคู่กันเถอะ! นี่คือวัตถุอาร์เรย์ที่ม

เรียนรู้วิธีแยกข้อความระหว่างเครื่องหมายคำพูดคู่จากสตริงด้วย JavaScript สมมติว่าคุณต้องการรับข้อความที่ยกมาจากบล็อกข้อความ ใบเสนอราคามักจะถูกปิดด้วยเครื่องหมายคำพูดคู่ (" " ). ไม่มีปัญหา คุณสามารถใช้ match() . ของ JavaScript ได้ วิธีการและเวทย์มนตร์ RegEx นี่คือบล็อคข้อความ (ค่าสตริง) ซึ

เรียนรู้วิธีดึงตัวเลขหนึ่งหรือหลายตัวออกจากสตริงด้วย JavaScript สมมติว่าคุณมีสตริงที่มีตัวเลข และคุณต้องการแยกเฉพาะตัวเลขเท่านั้น ไม่มีปัญหา คุณสามารถใช้ match() . ของ JavaScript ได้ วิธีการ นี่คือค่าสตริงที่มีตัวเลขหนึ่งตัว (1995 ) ที่กำหนดให้กับตัวแปรชื่อ stringWithOneNumber : const stringWithOn

เรียนรู้วิธีแทนที่คำ (สตริง) ทุกคำใน JavaScript โดยใช้นิพจน์ทั่วไป (RegEx) และ replace() วิธีการ สมมติว่าคุณมีกลุ่มข้อความจำนวนมากที่พูดถึงผลิตภัณฑ์ล่าสุดของบริษัทของคุณ แต่น่าเสียดาย ที่สะกดผิดคำหนึ่งคำหลายครั้ง บล็อกข้อความต่อไปนี้ควรจะพูดว่า Epic Games ไม่ใช่ Glorious Games: const textBlock =

เรียนรู้วิธีแทนที่อักขระใดๆ ใน (สตริง) ด้วย JavaScript โดยใช้นิพจน์ทั่วไป (RegEx) และ replace() วิธีการ สมมติว่าคุณมีบล็อกข้อความและคุณตั้งใจจะใช้ em dash (—) แต่คุณใช้ยัติภังค์ (-): const textBlock = When you’re typing fast it’s normal to make a few spelling mistakes here and there - it just mea