JavaScript 学习_011 使用 innerHTML输出html元素来改变内容

hrs 提交于 2020/11/04 - 09:14 , 周三

这个实例是使用innerHTML输出html元素来改变见容。

实例代码:

<!doctype html>
  <head>
    <meta charset="utf-8">
  </head>

  <html>
    <body>
      <h1>我的第一张网页</h1>
      <p>下面的数量是用innerHTML属性输出的</p>
      <p>5+6=<b id="demo" style="color:red"></b></p>

    <script>
      document.getElementById("demo").innerHTML=5+6;
    </script>

    <p style="color:red">提示:上面红色数字是javascript脚本输出的。</p>
    </body>
    
  </html>

运行效果:

javasrcipt_011.png

标签