innerHTML 不工作的javascript

Question

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

Javascript - div content without innerHTML

Javascript: Does not change the div innerHTML

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

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

Firebug 将此 ($('#adx-title').inneHTML) 报告为未定义，并且在我每次尝试更改 div 的内容时都会报告，该内容被读取为对象，但它没有t 有 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);