Computer >> บทช่วยสอนคอมพิวเตอร์ >  >> การเขียนโปรแกรม >> JavaScript

วิธีค้นหาลิงก์ทั้งหมดบนหน้าเว็บด้วย JavaScript

เรียนรู้วิธาดึงลิงก์ทั้งหมดจากเว็บไซต์ใดๆ และพิมพ์ลิงก์ออกมาที่คอนโซล

วิธีค้นหาลิงก์ทั้งหมดบนหน้าเว็บด้วย JavaScript

โค้ด

var links = document.querySelectorAll("a"); for (var i = 0; i < links.length; i++) { var link = links[i].getAttribute("href"); console.log(link); }

เคล็ดลับ: หากคุณต้องการดึงลิงก์จากอิลีเมนต์คอนเทนเนอร์บทความเท่านั้น (ไม่ใช่ทั้งหน้าเว็บ) คุณควรทำให้เมธอดตัวเลือกเฉพาะเจาะจงมากขึ้น เช่น หากบทความที่ต้องการดึงลิงก์มีคลาส .article:

var articleLinks = document.querySelectorAll(".article a");

โค้ดนี้เฉพาะเจาะจงกว่า จะดึงเฉพาะลิงก์จากอิลีเมนต์แอンカอร์ a ภายในอิลีเมนต์พาเรนต์ที่มีคลาส .article เท่านั้น