如何编辑Collapsible Widget内的内容？

Question

我在Jquery Mobile工作，打了我的下一个砖墙，我希望有人会指出我哪里出错了。

我有一个可折叠的小部件，我希望用不同的值修改内容。

我的HTML

的一个例子

<div data-role="collapsible" data-mini="true" id="solar_collapsible">
<h3>Solar Power Information</h3>
<p id="solar_current"></p>
</div>

我正在尝试修改id＆＃34; solar_current＆＃34;下面：

document.getElementById("#solar_current").innerHTML = "Solar Current = 13";

目前我在Google Chrome中收到此错误： -

无法设置属性＆inner;内部HTML＆＃39;未定义或空引用

我已经删除了我的代码但是在整个下午搜索之后我找不到任何直接与此问题相关的参考或其他问题。

尚未创建Solar_current吗？这是错误的原因吗？

非常感谢。

Answer 1

无论如何看到你正在使用jQuery，为什么不使用它：

$("#solar_current").html("Solar Current = 13");

您可以在页面的pagecreate事件中运行它。

如果你想使用普通的javascript，只需删除＆＃34;＃＆＃34;正如Steve Hynding建议的那样：

document.getElementById("solar_current").innerHTML = "Solar Current = 13";