投稿日: 2012/06/03 3:27:13
DocumentとElement
DOMオブジェクト：
getElementByIdメソド
DOMオブジェクトの指定：
<div> id="hello">Hello</div>
var div = document.document.getElementbyId("hello");
例：
<html>
<head>
</head>
<body>
<h1>example</h1>
<div id="one">first</div>
<div id="one">second</div>
<div id="one">third</div>
<script type="text/javascript">
<!--
var first = document.getElementById("first");
var second = document.getElementById("second");
var third = document.getElementById("third");
first.innerHTML = "第一章">
second.innerHTML = "第二章">
third.innerHTML = "第三章">
//-->
</script>
</body>
</html>
イベント属性
onload属性：
<body onload="スクリプト名">
例：
<html>
<head>
<script type="text/javascript">
<!--
function() initial() {
var first = document.getElementById("first");
var second = document.getElementById("second");
var third = document.getElementById("third");
first.innerHTML = "第一章">
second.innerHTML = "第二章">
third.innerHTML = "第三章">
}
//-->
</script>
</head>
<body onload="initial();">
<h1>example</h1>
<div id="one">first</div>
<div id="one">second</div>
<div id="one">third</div>
</body>
</html>
フォーム
onclick属性：
<form onsubmit="return false|true;"> // false：クライアント|true：サーバ
<input type="button" onclick="doAction();" value="名称" >
例：