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

    javascript怎么改变文本内容

    青灯夜游青灯夜游2021-04-08 12:51:21原创62

    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中文网其它相关文章!

    本文原创发布php中文网,转载请注明出处,感谢您的尊重!
    专题推荐:javascript innerHTML
    上一篇:javascript怎么去除字符串空格 下一篇:JavaScript中定义函数有几种方法
    第15期线上培训班

    相关文章推荐

    • JavaScript中如何判断函数、变量是否存在• JavaScript中字符串(string)如何转json• JavaScript数组删除的方法有哪些• javascript如何判断对象是否数组• javascript如何转换时间

    全部评论我要评论

  • 取消发布评论发送
  • 1/1

    PHP中文网