js DOM 点击事件

最新推荐文章于 2024-08-17 11:12:57 发布

原创最新推荐文章于 2024-08-17 11:12:57 发布 · 417 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #ViewUI

javascript 专栏收录该内容

15 篇文章

订阅专栏

本文介绍了如何使用JavaScript与HTML元素进行交互，包括直接修改元素内容和通过函数调用来响应用户的点击事件。展示了如何为不同元素分配onclick事件以及执行相应操作。

我们可以在事件发生时执行 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>