javascript - 如何在 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“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";