现在的位置: 首页 > 综合 > 正文

JavaScript HTML DOM 事件

2014年09月05日 ⁄ 综合 ⁄ 共 767字 ⁄ 字号 评论关闭

当用户在<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>

抱歉!评论已关闭.