【JavaScript】我的第6个例子；代码块

来源：互联网发布：中国邮政数据传媒中心编辑：程序博客网时间：2024/06/06 08:45

1.例子

<!DOCTYPE html><html><head>    <meta charset="UTF-8">    <title>菜鸟教程</title></head><body>    <h1>我是字体最大的标题，标题结束自动换行</h1>    <p id="myPar">我是一个段落，段落结束自动换行</p>    <div id="myDiv">我是一个div</div>    <p>        <button type="button" onclick="myFunction()">点击这里</button>    </p>    <script>        function myFunction(){            document.getElementById("myPar").innerHTML="白日依山尽，"            document.getElementById("myDiv").innerHTML="黄河入海流。"        }    </script>    <p>当您点击上面的按钮，两个元素会改变；</p></body></html>

2.运行前截图

这里写图片描述

3.运行后截图

这里写图片描述

4.总结

①这里的document.GetElementById(“标签元素的id”).innerHTML=“”；会覆盖标签里原来的内容；
②

<script>

的位置可以在head或body标签里面，都可以；

阅读全文

0 0