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> 默认效果图 在“文本2”文字上点击,效果图 如下: 点击按钮“修改文本1”,效果图 如下 可以参考 <script> function changetext(id){ id.innerHTML="黄菊华老师"; } </script> </head> <body> <h1 onclick="changetext(this)">点击文本!</h1> |
|
上一篇: HTML DOM - 事件 | 下一篇: HTML 事件属性 |