位置:电子教程 > HTML DOM 教程 (如果看不到内容请使用360浏览器) 推荐学习资源
HTML DOM 节点
HTML DOM 方法
HTML DOM 属性
HTML DOM 访问
HTML DOM - 修改
HTML DOM - 元素
HTML DOM - 事件
HTML DOM 导航
HTML DOM 总结
当前阅读教程:HTML DOM 教程 > 对事件作出反应
阅读(22555525)      收藏       赞(5685)      分享
上一篇: HTML DOM - 事件 下一篇: HTML 事件属性

当事件发生时,可以执行 JavaScript,比如当用户点击一个 HTML 元素时。

如需在用户点击某个元素时执行代码,请把 JavaScript 代码添加到 HTML 事件属性中:

onclick=JavaScript

HTML 事件的例子:

l  当用户点击鼠标时

l  当网页已加载时

l  当图片已加载时

l  当鼠标移动到元素上时

l  当输入字段被改变时

l  HTML 表单被提交时

l  当用户触发按键时

在本例中,当用户点击时,会改变素的内容:

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>创建新的 HTML 元素 - insertBefore()(2d5.net小白教程网)</title>
</head>
<body>
 
     <p id="p1">文本1</p>
     <p id="p1" onClick="this.innerHTML='黄菊华老师2'">文本2</p>
    
     <script>
     function ChangeText()
     {
             document.getElementById("p1").innerHTML="黄菊华老师1";
     }
     </script>
 
     <input type="button" onclick="ChangeText()" value="修改文本1" />
</body>
</html>

默认效果图

小白教程网www.2d5.net

image.png

在“文本2”文字上点击,效果图

小白教程网www.2d5.net

如下:

image.png

点击按钮修改文本1”,效果图

小白教程网www.2d5.net

如下

image.png

可以参考

<script>
function changetext(id){
    id.innerHTML="黄菊华老师";
}
</script>
</head>
<body>
 
<h1 onclick="changetext(this)">点击文本!</h1>


上一篇: HTML DOM - 事件 下一篇: HTML 事件属性
计算机毕业设计作品网      毕业设计文档网      小程序教程网       毕业设计资料网  |         毕业设计定制QQ:45157718(微信同号)(备注:毕设)