javascript - Javascript-JQuery：idと.html（ ""）またはgetElementByIdが見つからず、innerHTMLを設定できません

Question

私はjQueryを初めて使用innerhtmlし、divに追加できません。

私も試してみgetElementByIdまし$('').html()た。

私のJavaScript

var dishes = arg;

var starterDish = dishes[0];
var mainDish = dishes[1];
var dessertDish = dishes[2];

location.href=$('#finishButton').attr('href');
//The new HTML file

alert($('#starterDishName').html());
// will only return unidentified

$('#starterDishName').html(starterDish.name);
$('#starterDishPrep').html(starterDish.description);

$('#mainDishName').html(mainDish.name);
$('#mainDishPrep').html(mainDish.description);

$('#dessertDishName').html(dessertDish.name);
$('#dessertDishPrep').html(dessertDish.description);

run4 = false;

およびfinish.htmlファイル：

 </div>
    <div id="starterDishName" align="center"> <h3>blablabla</h3></div>
    <div id="starterDishPrep" align="center"> </div>
    <div id="mainDishName" align="center"> <h3></h3></div>
    <div id="mainDishProp" align="center">  </div>
    <div id="dessertDishName" align="center"> <h3> </h3></div>
    <div id="dessertDishProp" align="center">  </div>
</div>    

問題は次のとおりです。location.href=$('#finishButton').attr('href');

そして、新しいhtmlファイルではIDのgetを使用できませんか？

質問：innerhtml新しいhtmlファイルのIDを取得し、コードの観点から 変更するにはどうすればよいですか？

Answer 1

「 My.js 」と書いたように、JavaScriptファイルにこれがあると思います。またhead、HTMLの-セクションにスクリプトを含めた場合、スクリプトはすぐに実行され、セレクターはすべてのHTML要素を認識しません。jQueryを使用すると、DOMが解析された後に実行されるため、すべてをクロージャーにラップするだけで済みます。

$(document).ready(function() {
    // your logic goes here
});

Answer 2

var id = document.getElementById('id').innerHTML;