Hướng dẫn how do i retrieve all anchor elements in html? - làm cách nào để truy xuất tất cả các phần tử neo trong html?

Tôi đã cố gắng mãi mãi nhưng nó không hoạt động, làm thế nào tôi có thể kiểm tra mảng các URL tôi có (document.getElementsByTagName('a').href;) để xem liệu có trang web nào ở trong một mảng khác không?

Đã hỏi ngày 2 tháng 10 năm 2010 lúc 7:08Oct 2, 2010 at 7:08

Hướng dẫn how do i retrieve all anchor elements in html? - làm cách nào để truy xuất tất cả các phần tử neo trong html?

Tiến sĩ Hydraliskdr HydraliskDr Hydralisk

1.1434 Huy hiệu vàng14 Huy hiệu bạc22 Huy hiệu đồng4 gold badges14 silver badges22 bronze badges

GetEuityByTagName cung cấp cho bạn một Nodelist (một mảng các nút).

var a = document.getElementsByTagName('a');

for (var idx= 0; idx < a.length; ++idx){
    console.log(a[idx].href);
}

Tôi thực sự khuyên bạn nên sử dụng một công việc khung cho việc này, như jQuery. Nó làm cho cuộc sống của bạn dễ dàng hơn nhiều.

Ví dụ với jQuery:

$("a").each(function(){
  console.log(this.href);
});

Đã trả lời ngày 2 tháng 10 năm 2010 lúc 7:20Oct 2, 2010 at 7:20

2

var linkcheck = (function(){
  if(!Array.indexOf){
    Array.prototype.indexOf = function(obj){
  for(var i=0; i -1){ // check the index of each item in the array.
          duplicates.push(x); // add it to the list of duplicate urls
        }
      }
      return duplicates; // return the list of duplicates.
    },
    getAnchorsForUrl: function(url){
      return anchor_nodes[url_pages.indexOf(url)];
    }
  }
})()
// to use it:
var result = linkcheck.checkDuplicateUrls(your_array_of_urls);

Đây là một triển khai khá đơn giản về một phương pháp JavaScript thuần túy để đạt được những gì tôi tin rằng thông số kỹ thuật đòi hỏi. Điều này cũng sử dụng đóng cửa để cung cấp cho bạn quyền truy cập vào tập kết quả bất cứ lúc nào, trong trường hợp danh sách các thay đổi URL của bạn theo thời gian và danh sách mới cần được kiểm tra. Tôi cũng đã thêm các thẻ neo kết quả dưới dạng một mảng, vì dù sao chúng tôi cũng lặp đi lặp lại chúng, vì vậy bạn có thể thay đổi thuộc tính của chúng khi đang bay. Và vì nó có thể hữu ích khi có một phương thức tiện lợi để lấy thẻ neo bằng cách truyền URL (cái đầu tiên trong tập kết quả). Theo các bình luận bên dưới, bao gồm đoạn trích để tạo indexof cho IE8 và chuyển đổi tài liệu.getelementsbytagname sang document.links để có danh sách động của các đối tượng.

Đã trả lời ngày 2 tháng 10 năm 2010 lúc 8:00Oct 2, 2010 at 8:00

GabrielgabrielGabriel

Huy hiệu vàng 18K236 Huy hiệu bạc44 Huy hiệu đồng2 gold badges36 silver badges44 bronze badges

2

Sử dụng jQuery, bạn có thể làm một số điều như thế này-

$('a').each(function(){
if( urls.indexOf(this.href) !- -1 )
    alert('match found - ' + this.href );
})

URL là mảng hiện tại của bạn mà bạn cần so sánh.

Đã trả lời ngày 2 tháng 10 năm 2010 lúc 8:54Oct 2, 2010 at 8:54

Vinay B Rvinay B RVinay B R

7.8592 Huy hiệu vàng28 Huy hiệu bạc45 Huy hiệu Đồng2 gold badges28 silver badges45 bronze badges

Ví dụ

Số lượng các phần tử trong một tài liệu:

Đặt num = document.anchors.length;

Hãy tự mình thử »

Nội dung của phần tử đầu tiên:

Đặt nội dung = document.anchors [0] .innerhtml;

Hãy tự mình thử »

Nội dung của phần tử đầu tiên:

Đặt nội dung = document.anchors [0] .innerhtml;

Định nghĩa và cách sử dụng

Các tài sản neo được không dùng nữa. Đừng sử dụng nó.

Thuộc tính neo chỉ trả về các phần tử đó với thuộc tính tên.

Số lượng các phần tử trong một tài liệu:

Đặt num = document.anchors.length;

Hãy tự mình thử »

Nội dung của phần tử đầu tiên:

Đặt nội dung = document.anchors [0] .innerhtml;

Hãy tự mình thử »


Nội dung của phần tử đầu tiên:

Đặt nội dung = document.anchors [0] .innerhtml;

Định nghĩa và cách sử dụng

Các tài sản neo được không dùng nữa. Đừng sử dụng nó.Thuộc tính neo chỉ trả về các phần tử đó với thuộc tính tên.
Thuộc tính tên của phần tử không được hỗ trợ trong HTML5.Lựa chọn thay thế


Làm thế nào để tôi tìm thấy tất cả các yếu tố neo trên một trang web?

Để tìm các phần tử neo trong một trang web cụ thể, chúng tôi cần mở nguồn trang web bằng cách sử dụng trình duyệt. Sau đó, bạn có thể nhấp +h. Đó là một cách đơn giản để tìm văn bản neo.open the source of web page by using the browser. After that, you can click ctrl+u. Then, you can copy the source code in the text and also click ctrl+h. It is a simple way to find the anchor text.

Làm thế nào để bạn tham khảo một mỏ neo trong HTML?

Tài liệu tham khảo siêu văn bản hoặc HREF, thuộc tính được sử dụng để chỉ định mục tiêu hoặc đích cho phần tử neo.Nó thường được sử dụng để xác định một URL trong đó phần tử neo sẽ liên kết đến.Trong ví dụ này, các liên kết văn bản neo đến URL www.example.com.. It is most commonly used to define a URL where the anchor element should link to. In this example, the anchored text links to the URL www.example.com.

Cú pháp cho một phần tử neo là gì?

: Phần tử neo.Phần tử HTML (hoặc phần tử neo), với thuộc tính HREF của nó, tạo ra một siêu liên kết đến các trang web, tệp, địa chỉ email, vị trí trong cùng một trang hoặc bất cứ điều gì khác mà URL có thể giải quyết.Nội dung trong mỗi nội dung sẽ chỉ ra đích của liên kết.: The Anchor element. The HTML element (or anchor element), with its href attribute, creates a hyperlink to web pages, files, email addresses, locations in the same page, or anything else a URL can address. Content within each should indicate the link's destination.

Sự xuất hiện khác nhau của các yếu tố thẻ neo là gì?

HTML neo..
Thẻ neo HTML xác định một siêu liên kết liên kết một trang với trang khác.Nó có thể tạo siêu liên kết đến trang web khác cũng như các tệp, vị trí hoặc bất kỳ URL nào.....
Một liên kết không được biết đến được hiển thị gạch chân và màu xanh ..
Một liên kết đã truy cập được hiển thị gạch chân và màu tím ..
Một liên kết hoạt động được gạch chân và màu đỏ ..