首页
课程
路径
文章
PHP培训
精品课
下载

技术文章  >  web前端 > js教程

javascript怎么改变文本内容

青灯夜游
青灯夜游 原创
2023-01-04 09:34:56 4955浏览

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>

代码截图：

1.png

演示截图：

2.png

3.png

【推荐学习：javascript高级教程】

以上就是javascript怎么改变文本内容的详细内容，更多请关注php中文网其它相关文章！

javascript innerHTMLPHP课程HTML视频教程CSS视频JS视频教程Vue视频教程
声明：本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn核实处理。
上一条：javascript怎么去除字符串空格 下一条：JavaScript中定义函数有几种方法

相关文章

查看更多
  • 热门课程
打开APP，随时随地在线学习！