javascript - Javascript を使用して別のページの要素にアクセスするには?

Question

ページがあり、別のページa.htmlの id 要素を使用してテキスト要素のテキストを取得したいとします。<p id="name">NAME</p>b.html

Answer 1

jQuery のgetmethodを使用すると、非常に簡単です。

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

生の XHR リクエスト (一般的な要求による):

var request = new XMLHttpRequest();

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

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

Answer 2

必要がある：

1. ページのコンテンツを取得します ( Same Origin Policyが問題にならないことを暗示しているため、その回避策については説明しません)。
2. それを HTML DOM に解析します
3. 気になるDOMの部分を抽出する
4. そのDOMで何かをする

これはかなりの作業です。jQueryがほとんどの作業を行います。

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

Answer 3

ページが同じドメインにある場合は、jQuery.ajax（）またはjQuery.load（）を使用できます

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