您的位置：首页 > Web前端 > JavaScript

JavaScript HTML DOM 事件

2014-02-27 17:06 330 查看

当用户在<h1>元素上点击时，会改变其内容。

<html>
<head>
<title>点击改变内容</title>
</head>
<body>
<h1 onclick = "this.innerHTML = '谢谢'">点击我</h1>
</body>
</html>

<html>
<head>
<title>点击改变内容</title>
<script>
function changetxt(id)
{
id.innerHTML = "Thankyou!";
}
</script>
</head>
<body>
<h1 onclick = "changetxt(this)">点击我</h1>
</body>
</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>

<html>
<body>
<P>点击按钮就可以执行<em>displayDate()</em>函数。</P>

<button id = "demo">点击这里</button>

<script>
document.getElementById("demo").onclick = function()
{
displayDate();
}
function displayDate()
{
document.getElementById("dem").innerHTML = Date();
}
</script>

<p id = "dem"></p>
</body>
</html>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航