Làm cách nào để sử dụng Javascript để truy cập các yếu tố của một trang khác?

Question

Giả sử tôi có một trang a.html và muốn truy xuất văn bản của phần tử văn bản bằng cách sử dụng phần tử id <p id="name">NAME</p> từ một trang khác b.html.

Answer 1

Sử dụng jQuery get method, nó khá đơn giản:

$.get('a.html', null, function(text){ 
    alert($(text).find('#name')); 
}); 

Raw XHR Request (bởi nhu cầu phổ biến):

var request = new XMLHttpRequest(); 

request.addEventListener("load", function(evt){ 
    console.log(evt); 
}, false); 

request.open('GET', 'a.html', true), 
request.send(); 

Answer 2

Nếu trang là trên cùng một tên miền, bạn có thể sử dụng jQuery. ajax() hoặc jQuery.load()

$.ajax({ 
    url: url, 
    data: data, 
    success: success, 
    dataType: dataType 
}); 

Answer 3

Bạn cần phải:

1. Tìm nạp nội dung của trang (bạn ngụ ý rằng Same Origin Policy sẽ không thành vấn đề, vì vậy tôi sẽ không thảo luận xung quanh việc đó).
2. Phân tích đó vào một DOM HTML
3. Giải nén một phần của DOM mà bạn quan tâm
4. làm điều gì đó với DOM

Đây là khá nhiều công việc. jQuery sẽ thực hiện hầu hết công việc cho bạn:

jQuery('#element_to_load_content_into').load('a.html#name'); // Note use of fragment identifier