如何编辑可折叠小部件内的内容？

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 "solar_current":

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

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

无法设置未定义或空引用的 属性 'innerHTML'

我已经剥离了我的代码，但在搜索了整个下午后，我找不到任何参考资料或与此问题直接相关的其他问题。

Solar_current还没有创建吗？这是错误的原因吗？

非常感谢。

Answer 1

反正你在用jQuery，为什么不用呢：

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

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

如果您想使用普通 javascript，只需按照 Steve Hynding 的建议删除“#”即可。:

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