html - How to use Javascript to access another page's elements?

Question

Say I have a page a.html and want to retrieve a text element's text using it's id <p id="name">NAME</p> element from another page b.html.

Answer 1

Using jQuery's get method, it's pretty simple:

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

Raw XHR Request (by popular demand):

var request = new XMLHttpRequest();

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

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