[javascript学习指南]JavaScript简单实现动态改变HTML内容的方法示例

时间:2024-06-09  来源:js教程  阅读:

本文实例讲述了JavaScript简单实现动态改变HTML内容的方法。分享给大家供大家参考,具体如下:




  
  JavaScript:改变 HTML 内容
  <script>
    function myFunction() {
      x = document.getElementById("demo");
      console.dir(x);
      x.innerHTML = "欢迎访问脚本之家 www.jb51.net";//改变内容
      x.style.color="#ff0000"; //改变样式
    }
  </script>


js能够改变html元素的内容。

这里使用在线HTML/CSS/JavaScript代码运行工具:http://tools.jb51.net/code/HtmlJsRun测试运行上述代码,可得到如下运行结果:

[javascript学习指南]JavaScript简单实现动态改变HTML内容的方法示例

http://m.bbyears.com/wangyezhizuo/159365.html

推荐访问:
相关阅读 猜你喜欢
本类排行 本类最新