javascript怎么改变文本内容

时间：2021-04-23

来源：互联网

在手机上看

手机扫描阅读

今天PHP爱好者给大家带来javascript改变文本内容的方法：首先使用“document.getElementById("元素id值")”语句获取到元素对象；然后使用innerHTML属性来改变文本内容，语法格式“元素对象.innerHTML=text;”。希望对大家有所帮助。

本教程操作环境：windows7系统、javascript1.8.5版、Dell G3电脑。

JavaScript改变html网页的文本内容

<body>
    <p id="demo">JavaScript能改变html文本内容</p>
    <script type="text/javascript">
        function myFunction() {
            x=document.getElementById("demo");  // 找到元素
            x.innerHTML="Hello JavaScript!";    // 改变内容
        }
    </script>
    <button type="button" οnclick="myFunction()">点击这里</button>
</body>

代码截图：