Javascript 如何在可折叠小部件中编辑内容？

我在Jquery手机公司工作，遇到了下一个难题，我希望有人能指出我的错误所在

我有一个可折叠的小部件，在里面我想用不同的值修改内容

我的HTML的一个例子

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

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

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

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

太阳电流还没有产生吗？这就是错误的原因吗

---

非常感谢。

既然您正在使用jQuery，为什么不使用它呢：

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

您可以在页面的pagecreate事件中运行此操作

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

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

---

您是否尝试过从getElementById中删除“#”？这对于JQueryTank you Steve中的选择器查询来说是非常独特的，我昨晚也花了很多时间在这上面，我的想法是错误的，因为元素在一个可折叠的小部件中，不知怎么的，它使它变得更复杂了。是的，你帮我修好了。非常感谢。Ezanker，感谢您对其进行扩展，并向我展示了更好的方法。我已经在另一个脚本中编写了我自己的基本函数来实现这一点，但使用的是变量，在编写这个脚本时，我只是在练习，我已经复制并粘贴了普通函数到我的代码中。我喜欢您提出的Jquery方式，并将在我的代码中采用这种方式。非常感谢。安迪。

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