当用户在<h1>元素上点击时,会改变其内容。
<html> <head> <title>点击改变内容</title> </head> <body> <h1 onclick = "this.innerHTML = '谢谢'">点击我</h1> </body> </html>
<html> <head> <title>点击改变内容</title> <script> function changetxt(id) { id.innerHTML = "Thankyou!"; } </script> </head> <body> <h1 onclick = "changetxt(this)">点击我</h1> </body> </html>
<html> <body> <P>点击按钮就可以执行<em>displayDate()</em>函数。</P> <button onclick = "displayDate()">点击这里</button> <script> function displayDate() { document.getElementById("demo").innerHTML = Date(); } </script> <p id = "demo"></p> </body> </html>
<html> <body> <P>点击按钮就可以执行<em>displayDate()</em>函数。</P> <button id = "demo">点击这里</button> <script> document.getElementById("demo").onclick = function() { displayDate(); } function displayDate() { document.getElementById("dem").innerHTML = Date(); } </script> <p id = "dem"></p> </body> </html>