JavaScript:改变 HTML 内容

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>JavaScript:改变 HTML 内容</title>
    <script>
        function myFunction() {
            x = document.getElementById("demo");
            console.dir(x);
            x.innerHTML = "Hello JS~";//改变内容
            x.style.color="#ff0000"; //改变样式
        }
    </script>
</head>
<body>

<p id="demo">js能够改变html元素的内容。</p>
<button type="button" onclick="myFunction()">点击这里</button>

</body>

</html>

猜你喜欢

转载自blog.csdn.net/u013101178/article/details/81114677