<!DOCTYPE html>
<html lang="zh-Hant-TW">
<head>
<title>Learing Javascript</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1" />
<link rel="stylesheet" type="text/css" href="eBay.css">
</head>
<body>
<button id="myButton1">點按我1</button>
<p id="text1">原來的文字</p>
<br><br>
<button id="myButton2">點按我2</button>
<p id="text2">添加:</p>
<br><br>
<button id="myButton3">點按我3</button>
<p id="text3"></p>
<br><br>
<script type="text/javascript">
document.getElementById("myButton1").onclick = function()
{
document.getElementById("text1").innerHTML = "修改後的文字";
}
// -----------------------------------
document.getElementById("myButton2").onclick = function()
{
document.getElementById("text2").innerHTML = document.getElementById("text2").innerHTML + "新的一段文字";
}
// -----------------------------------
document.getElementById("myButton3").onclick = function()
{
document.getElementById("text3").innerHTML =
"<ul><li>Apple</li><li>Banana</li><li>Orange</li></ul>";
}
</script>
</body>
</html>
留言列表
Impression (1)
