Question

所以我开始使用Onsen UI并在doc网站上使用他们的示例代码：

<!doctype html>
<meta charset="utf-8">
<link rel="stylesheet" href="lib/onsen/css/onsenui.css">
<link rel="stylesheet" href="lib/onsen/css/onsen-css-components.css">
<meta name="viewport" content="width=device-width, height=device-height, initial-scale=1,maximumscale=1, user-scalable=no">
<script src="components/loader.js"></script>
<link rel="stylesheet" href="components/loader.css">
<script>
   ons.bootstrap();
   ons.ready(function() {
   // Add another Onsen UI element
   var content = document.getElementById("#my-content");
   content.innerHTML="<ons-button>Another Button</ons-button>";
   ons.compile(content);
});
</script>
<body>
<ons-navigator title="Navigator" var="myNavigator">
<ons-page>
  <ons-button onclick="myNavigator.pushPage('page2.html')">Next Page</ons-button>
  <div id="my-content"></div>
</ons-page>
</ons-navigator>

</body>

但我在＆＃34; content.innerHTML＆＃34;说内容是NULL。我无法弄清楚为什么，任何指针都会被贬低。

Answer 1

所以这是一个简单的打字错误，而不是

var content = document.getElementById("#my-content");

应该是

var content = document.getElementById("my-content");

温泉ui：入门

1 个答案: