HTML DOM 事件的使用技巧

2025-05-21 06:43:45

1、一个简单的点击文字就改变内容的案例。<!DOCTYPE html><html><body><h1 onclick="this.innerHTML='变变变!'">点我变给你看</h1><h2 onclick="this.innerHTML='好好好!'">我也会一点就变</h1></body></html>

3、除了直接点击文本来触发函数以外，我们还可以用按钮来触发函数。<!DOCTYPE html><html><body><p>点开下面<em>displayDate()</em>这个函数</p><button onclick="displayDate()">你点啊</button><script>function displayDate(){document.getElementById("日期").innerHTML=Date();}</script><p id="日期"></p></body></html>

5、从上面这个例子可以看出来，按钮的事件流程，在网页上写入文本的事件流程都在 java script里面实现了!

声明：本网站引用、摘录或转载内容仅供网站访问者交流或参考，不代表本站立场，如存在版权或非法内容，请联系站长删除，联系邮箱：site.kefu@qq.com。