javascript - innerHTML 不工作的javascript

Question

我已经找到了这个类型的一些问题，但答案没有帮助。

Javascript - 没有 innerHTML 的 div 内容

Javascript：不更改 div innerHTML

我有一个 id 名为 adx-title 的 div，我必须更改内容。所以我进行了 ajax 调用，并在调用中存储（我使用 jQuery）我希望这个 div 包含的标题：

$('#adx-title').inneHTML = title;

Firebug 将此 ($('#adx-title').inneHTML) 报告为未定义，并且在我每次尝试更改 div 的内容时都会报告，该 div 被读取为对象但它没有innerHTML 属性。在我单击按钮后加载脚本，因此它应该将 div 识别为页面已加载。事实上，它使用 $('#adx-title') 获得了 div。它只是不应用更改并将innerHTML 报告为未定义。有人遇到过类似的问题吗？任何人都可以帮忙吗？谢谢阿格尼斯

Answer 1

您正在使用 jQuery。

$('#adx-title').html( title );

该.innerHTML属性是 DOM API 的一部分。当您调用 jQuery 时（就像您对 . 所做的那样$），结果是一个 jQuery 对象，而不是一个 DOM 元素。

您可以像这样从 jQuery 对象中获取 DOM 元素：

var elem = $('#adx-title').get(0);

但是，jQuery .html()API 封装了对.innerHTML属性的访问，还提供了一些其他有用的簿记功能。如果您通常使用 jQuery 来操作 DOM，那么最好使用.html()而不是原始 DOM API，因为这个原因。

Answer 2

尝试$('#adx-title').html(title);