ใช้ substring(1) ตัดตัวอักษรแรกออกจาก innerHTML ของลิงก์
เลือกทุกลิงก์ใน .linkDemo แล้ววนลูปตัดตัวแรกออก
ตัวอย่างโค้ดเต็ม
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Remove First Char</title>
</head>
<body>
<div class="linkDemo">
<div><a href="">Aabout_us</a></div>
</div>
<div class="linkDemo">
<div><a href="">Hhome_page</a></div>
</div>
<script>
// querySelectorAll คืน NodeList ใช้ spread แปลงเป็น array วน forEach
[...document.querySelectorAll('.linkDemo div a')].forEach(link => {
link.innerHTML = link.innerHTML.substring(1);
});
</script>
</body>
</html>
วิธีรัน
บันทึกเป็น index.html แล้วเปิดด้วย Live Server
ผลลัพธ์
ลิงก์จะแสดงเป็น about_us และ home_page (ตัด A และ H ออก)
คำอธิบาย
substring(1)คืนสตริงตั้งแต่ index 1 จนจบ (ตัด index 0 ออก)[...nodeList]แปลง NodeList เป็น Array ใช้ forEach ได้link.innerHTMLอ่าน/เขียน HTML เนื้อหาภายใน element
วิธีอื่น: slice(1)
link.innerHTML = link.innerHTML.slice(1); // ผลลัพธ์เหมือนกัน
// slice รองรับ negative index, substring ไม่รองรับ
