javascript 修改html div的文本内容

前端 qmt 75℃

直接上代码,以前还觉得是不能修改div的文本值。 试了一下,居然还可以的。

<!DOCTYPE html>
<html lang="zh-cn">
    <head>
        <meta charset="UTF-8">
        <title>浏览器端JS代码测试</title>
        <style>
            body {
                background: black;
                color: floralwhite;
            }

            #content {
                width: 400px;
                height: 300px;
                border-radius: 14px;
                padding: 14px;
                color: black;
                background: floralwhite;
            }
        </style>
        <script>
            function sayHello() {
                const div = document.querySelector('#content');
                div.textContent = 'Hello JavaScript';
            }
        </script>
    </head>
    <body>
        <h1>浏览器端的JavaScript</h1>
        <div id="content"></div>
        <input type="button" value="打个招呼!" onclick="sayHello()">
    </body>
</html>

转载请注明:QMT|Ptrade量化交易 » javascript 修改html div的文本内容

喜欢 (0)