javascript - insideHTML 无法在 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 来处理点击事件。

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

或者

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