Question

在此代码中，只有HTML部分有效但JavaScript部分不起作用。我无法理解这个问题。我将此文件保存在.html扩展名中。

<!DOCTYPE html>
<html>

    <body>
        <h1> what can javascript Do?</h1>
        <p id="demo">Javascript can change html content.</p>
        <button type="button" onclick=" myFunction()">
            Click Me!</button>
        <script type="text/javascript">
        function myFunction() {
            document.getElementById('demo').innerHtml = 'hello javascript'">
        }
        </script>
    </body>

</html>

Answer 1

正确的语法是innerHTML而不是innerHtml，同样在行的最后一行">必须替换为;（分号）。正确的语法 -

<script type="text/javascript">
    function myFunction() {
        document.getElementById('demo').innerHTML = 'hello javascript';
    }
</script>

Answer 2

您的代码中存在许多语法错误

首先'hello javascript'">应为'hello javascript'; 以及实际上它是innerHTML而不是innerHtml

＆＃13;

<!DOCTYPE html>
<html>

    <body>
        <h1 id="myid" > what can javascript Do?</h1>
        <p id="demo">Javascript can change html content.</p>
        <button type="button" onclick= "myFunction()">
            Click Me!</button>
        <script type="text/javascript">
        function myFunction() {
        
            document.getElementById('demo').innerHTML = 'hello javascript';
        }
        </script>
    </body>

</html>

＆＃13;

Html和javascript的基本程序

2 个答案: