js DOM 点击事件

我们可以在事件发生时执行 JavaScript,比如当用户在 HTML 元素上点击时。
如需在用户点击某个元素时执行代码,请向一个 HTML 事件属性添加 JavaScript 代码

onclick=JavaScript

 例子

  当点击h1元素时,发生变化

<h1 onclick="this.innerHTML='谢谢!'">请点击该文本</h1>

 调用函数

<!DOCTYPE html>
<html>
<head>
<script>
function changetext(id)
{
id.innerHTML="谢谢!";
}
</script>
</head>
<body>

<h1 onclick="changetext(this)">请点击该文本</h1>

</body>
</html>

utton 元素分配 onclick 事件

<!DOCTYPE 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>

猜你喜欢

转载自1175644344.iteye.com/blog/2313182