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

    javascript如何修改div内容

    coldplay.xixicoldplay.xixi2021-03-31 14:31:45原创89

    javascript修改div内容的方法:首先给标签添加id和文本内容,并创建一个【<script>】;然后使用innerHTML属性修改div里面的文本内容;最后使用浏览器打开即可。

    本教程操作环境:windows7系统、javascript1.8.5版,DELL G3电脑。

    javascript修改div内容的方法:

    1、打开html开发工具,新建一个html页面,然后创建一个<div>标签同时给标签添加id和文本内容。

    e7210cf9887a829b9dd4e520b348311.png

    2、保存html代码然后使用浏览器打开,可以看到页面显示的是div标签里的文本内容。

    082f28bed00d58fcdb658eef7728853.png

    3、回到html代码页面,在html页面创建一个<script>然后使用innerHTML属性修改div里面的文本内容。

    JavaScript代码:

    document.getElementById("demo").innerHTML = "hello world";

    883c57ab77d797700f9143f93833a87.png

    4、保存html代码,然后使用浏览器打开即可看到浏览器页面显示的是使用JavaScript进行修改的文本。

    1d8640c1565823b7d1753b72bdabe57.png

    相关免费学习推荐:javascript学习教程

    以上就是javascript如何修改div内容的详细内容,更多请关注php中文网其它相关文章!

    声明:本文原创发布php中文网,转载请注明出处,感谢您的尊重!如有疑问,请联系admin@php.cn处理
    专题推荐:javascript div内容
    上一篇:javascript有什么优点 下一篇:javascript如何输出三角形
    第15期线上培训班

    相关文章推荐

    • js innerHTML 改变div内容的方法_javascript技巧• php获取网页中图片与DIV内容实例• php切割页面div内容的实现代码分享• js innerHTML 改变div内容的方法

    全部评论我要评论

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

    PHP中文网