JavaScript 学习_002 Javascript 能够改变html 内容

hrs 提交于 2020/10/31 - 09:04 , 周六

我们使用getElementById()属性来改变html内容。getElementById 是多个JavaScript HTML 方法之一。

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

  <body>
    <h2>Javascript 能做什么</h2>

    <p id="demo">Javascript 能够改变HTML 内容。</p>
    <button type="button" onclick='document.getElementById("demo").innerHTML="Hollo JavaScript"'>点击我!</button>

 <p style="color:red" >提示:点击安扭会改变html内容</p>
  </body>

</html>

<!--
button:提交按钮标签
type:类型

onclick:事件会在元素被点击时发生
getElementById():方法可返回对拥有指定id 的第一个对象的引用。
innerHTML:返回html内容


-->

运行效果:

<!doctype html> <html>   <head>     <meta charset="utf-8">   </head>    <body>     <h2>Javascript 能做什么</h2>      <p id="demo">Javascript 能够改变HTML 内容。</p>     <button type="button" onclick='document.getElementById("demo").innerHTML="Hollo JavaScript"'>点击我!</button>   <p style="color:red" >提示:点击安扭会改变html内容</p>   </body>  </html>  <!-- button:提交按钮标签 type:类型  onclick:事件会在元素被点击时发生 getElementById():方法可返回对拥有指定id 的第一个对象的引用。 innerHTML:返回html内容   -->

标签