teratail header banner
teratail header banner
質問するログイン新規登録

回答編集履歴

7

コードの波括弧開始位置の修正

2016/01/26 17:30

投稿

iciclize
iciclize

スコア130

answer CHANGED
@@ -2,7 +2,7 @@
2
2
 
3
3
  以下のコードが動くかどうか試していないのですが、方針としては、取得したHTMLのうちbodyタグの部分を抜き出して、それで現在のページのbodyタグの中身を書き換えるのはどうでしょうか。
4
4
  ```JavaScript(jQuery)
5
- $(function (){
5
+ $(function () {
6
6
  $.ajax({
7
7
  url: 'http://example.com/yjsnpi',
8
8
  type: 'GET',

6

文法の修正

2016/01/26 17:30

投稿

iciclize
iciclize

スコア130

answer CHANGED
@@ -1,6 +1,6 @@
1
1
  こんにちは。横浜の高校に通う高校2年生です。
2
2
 
3
- 以下のコードが動くかどうか試していないのですが、方針としては、取得したHTMLのうちbodyタグの部分を抜き出して、それでbodyタグの中身を書き換えるのはどうでしょうか。
3
+ 以下のコードが動くかどうか試していないのですが、方針としては、取得したHTMLのうちbodyタグの部分を抜き出して、それで現在のページのbodyタグの中身を書き換えるのはどうでしょうか。
4
4
  ```JavaScript(jQuery)
5
5
  $(function (){
6
6
  $.ajax({

5

「一部」という表現をやめ、具体的に「bodyタグ」とした。

2016/01/26 17:29

投稿

iciclize
iciclize

スコア130

answer CHANGED
@@ -1,6 +1,6 @@
1
1
  こんにちは。横浜の高校に通う高校2年生です。
2
2
 
3
- 以下のコードが動くかどうか試していないのですが、方針としては、取得したHTMLの部を抜き出して、それでbodyタグの中身を書き換えるのはどうでしょうか。
3
+ 以下のコードが動くかどうか試していないのですが、方針としては、取得したHTMLのうちbodyタグのを抜き出して、それでbodyタグの中身を書き換えるのはどうでしょうか。
4
4
  ```JavaScript(jQuery)
5
5
  $(function (){
6
6
  $.ajax({

4

ネイティブジャパニーズめざして\(適当\)

2016/01/26 17:29

投稿

iciclize
iciclize

スコア130

answer CHANGED
@@ -1,4 +1,4 @@
1
- こんにちは。横浜の高校に通っている高校2年生です。
1
+ こんにちは。横浜の高校に通高校2年生です。
2
2
 
3
3
  以下のコードが動くかどうか試していないのですが、方針としては、取得したHTMLの一部を抜き出して、それでbodyタグの中身を書き換えるのはどうでしょうか。
4
4
  ```JavaScript(jQuery)

3

書式の改善

2016/01/26 17:27

投稿

iciclize
iciclize

スコア130

answer CHANGED
@@ -1,3 +1,5 @@
1
+ こんにちは。横浜の高校に通っている高校2年生です。
2
+
1
3
  以下のコードが動くかどうか試していないのですが、方針としては、取得したHTMLの一部を抜き出して、それでbodyタグの中身を書き換えるのはどうでしょうか。
2
4
  ```JavaScript(jQuery)
3
5
  $(function (){

2

変数名の変更\(bodyElement -> bodyInnerHTML\)

2016/01/26 17:27

投稿

iciclize
iciclize

スコア130

answer CHANGED
@@ -7,8 +7,8 @@
7
7
  dataType: 'html',
8
8
  })
9
9
  .done(function (html) {
10
- var bodyElement = $('body', $(html)).html(); // 取得したHTMLからbodyタグの中身を抽出
10
+ var bodyInnerHTML = $('body', $(html)).html(); // 取得したHTMLからbodyタグの中身を抽出
11
- $('body').html(bodyElement); // 抽出したもので現在のページのbodyタグの中身を置き換える
11
+ $('body').html(bodyInnerHTML); // 抽出したもので現在のページのbodyタグの中身を置き換える
12
12
  })
13
13
  .fail(function (html) { });
14
14
  });

1

取得したHTMLからbodyタグを抽出する方法を加えた

2016/01/26 17:22

投稿

iciclize
iciclize

スコア130

answer CHANGED
@@ -1,16 +1,16 @@
1
- ご存知でたら申し訳ないのですが、document.body.innerHTMLを書き換えるのはどうでしょうか。
1
+ 以下のコードが動くかどうか試ていないのですが、方針としては、取得したHTMLの一部を抜き出して、それでbodyタグ中身を書き換えるのはどうでしょうか。
2
+ ```JavaScript(jQuery)
3
+ $(function (){
4
+ $.ajax({
5
+ url: 'http://example.com/yjsnpi',
6
+ type: 'GET',
7
+ dataType: 'html',
8
+ })
9
+ .done(function (html) {
10
+ var bodyElement = $('body', $(html)).html(); // 取得したHTMLからbodyタグの中身を抽出
11
+ $('body').html(bodyElement); // 抽出したもので現在のページのbodyタグの中身を置き換える
12
+ })
13
+ .fail(function (html) { });
14
+ });
2
15
 
3
- 例えば、
4
- ```html
5
- document.body.innerHTML = '<h1>Hello</h1><h2>World</h2>';
6
- ```とすると<body>の中身を任意のHTMLで完全に上書きできます。
7
- ```html
8
- <html>
9
- <head>...</head>
10
- <body>
11
- <h1>Hello</h1><h2>World</h2>
12
- </body>
13
- </html>
14
- ```
16
+ ```
15
-
16
- jQueryを使うのであれば```$('body').html()``` も使えるかと思います。