首页  >  文章  >  web前端  >  javascript怎么改变文本内容

javascript怎么改变文本内容

青灯夜游
青灯夜游原创
2021-04-07 18:51:596649浏览

javascript改变文本内容的方法:首先使用“document.getElementById("元素id值")”语句获取到元素对象;然后使用innerHTML属性来改变文本内容,语法格式“元素对象.innerHTML=text;”。

javascript怎么改变文本内容

本教程操作环境: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>

代码截图:

1.png

演示截图:

2.png

3.png

【推荐学习:javascript高级教程

以上是javascript怎么改变文本内容的详细内容。更多信息请关注PHP中文网其他相关文章!

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn