<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>使用HTML DOM为元素附加事件触发</title>
</head>
<body>
<p>点击按钮执行<em>showTime()</em>函数</p>
<button id ="myBtn">点击</button>
<script>
document.getElementById("myBtn").onclick = function(){showTime()};
function showTime(){
document.getElementById("demo").innerHTML = Date();
}
</script>
<p id ="demo"></p>>
</body>
</html>
上面的语句中,先给了按钮元素onclick事件,事件触发调用函数showTime,然后通过修改另一个新建的id为demo的一段文本达到输出的目的