- 締切済み
loadの VanillaJS版は作れますか？
jQuery load()メソッドの VanillaJS版は作れますか？ jQuery load()メソッドはサーバー上で用います。 この代替関数は作れますか？ ＜仕様＞ ・jQuery等のプラグインは不要 ・ローカル環境でも稼働 ・外部HTMLファイルの一部のみ表示する [メインHTMLファイル] load_parent.html <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>sample</title> <style> #result { color: red; } </style> </head> <body> <h1>外部ファイルの一部表示</h1> <pre> jQuery load()メソッドの 脱jQuery版 テストです. ＜仕様＞ ・サーバー上だけでなく、ローカル環境でも稼働する。 ・リストの「３行目」だけを表示させる。 // jQuery version // $("#result").load("./load_child.html .row:nth-child(3)"); </pre> <hr> <div id="result">読み込み場所</div> </body> </html> [読込HTMLファイル] load_child.html <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>sample</title> </head> <body> <h1>読み込みファイル</h1> <pre> シンプルなHTMLファイルです. </pre> <ol> <li class="row">１行目</li> <li class="row">２行目</li> <li class="row">３行目</li> <li class="row">４行目</li> <li class="row">５行目</li> </ol> </body> </html> メインHTMLファイル内にJavaScriptでコーディングして 読み込み場所が「３行目」と書き換えられたら 代替関数になり得ます。
- retorofan
- お礼率86% (336/388)
- JavaScript
- 回答数2
- ありがとう数1
- みんなの回答 （2）
- 専門家の回答
みんなの回答
>作れるなら、具体的なコードをご教示ください。検証出来たらBAを差し上げます。 https://www.weblab.co.jp/blog/creator/8059.html
>jQuery load()メソッドの VanillaJS版は作れますか？ jQuery自体がJavaScriptで書かれているので作れないはずはありません。
お礼
ご回答ありがとうございます。
補足
＞作れないはずはありません。 作れるなら、 具体的なコードをご教示ください。 検証出来たらBAを差し上げます。
補足
var xhr = new XMLHttpRequest()； これでは、 ・ローカル環境でも稼働 この条件を満たしていませんね。