innerHTML在Cordova Android模擬器中不起作用

Question

即使當我創建一個新的HelloWorld項目時，並粘貼來自w3school的代碼。 問題在於該段落沒有更改。

<p id="demo" onclick="myFunction()">Click me to change my HTML content (innerHTML).</p>

<script>
function myFunction() {
    document.getElementById("demo").innerHTML = "Paragraph changed!";
}
</script>

Answer 1

嘗試使用以下代碼。

 document.getElementById("demo").addEventListener("click", myFunction, false);

如果您正在使用Phonegap，請使用deviceready事件

    function myFunction() { ... }

    function onDeviceReady() {
        ...
        document.getElementById("demo").addEventListener("click", myFunction, false);
        ...
    }

    function init() {
        document.addEventListener("deviceready", onDeviceReady, false);
    }

否則，您可以將jquery用於click事件。

$("#demo").click(function () { myFunction(); });

要么

$("#demo").click(function () { 
    $(this).html("Paragraph changed!");
});