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

由 hrs, 31 十月, 2020

我们使用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内容 -->

文章标签

评论