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？

问题： 如何获取新html文件的ID并从我的代码角度更改innerhtml？

Answer 1

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

Answer 2

我假设您在JavaScript文件中有这个：“我的.js ”。如果您已将其包含在HTML的head部分中，则会立即执行脚本，并且选择器不会识别所有HTML元素。使用jQuery，您可以简单地将所有内容包装到一个闭包中，因为这将在解析DOM后执行：

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

Javascript - JQuery：找不到id和.html（“”）或getElementById并设置innerHTML

2 个答案: