次のようにコードをコピーします。
<html>
<頭>
<タイトル></タイトル>
<スクリプト>
/*
ドキュメント ノード オブジェクトを取得する方法:
*/
//最初のものはidによって取得されます
関数 documentDemo(){
var tableNode = document.getElementById("tab_id");
tableNode.style.border = "5px ソリッド #00ff00";
}
// 2 番目に、name 属性を使用します。
関数 documentDemo2(){
var inputNode = document.getElementsByName("txt");
アラート(inputNode.length);
アラート(入力ノード[0].値);
}
// 3 番目のタイプ、タグ名による
関数 documentDemo3(){
var tdNode = document.getElementsByTagName("td");
アラート(tdNode.length);
for(var x = 0; x < tdNode.length;x++){
アラート(tdNode[x].innerText);
}
}
</script>
<style type="text/css">
.onediv{
幅:200ピクセル;
高さ:100ピクセル;
ボーダー:1px ソリッド #f00;
マージントップ:20px;
}
テーブル、td{
ボーダー:1px ソリッド #00f;
幅:200ピクセル;
マージントップ:20px;
テキスト整列:中央;
}
</スタイル>
</head>
<本文>
<input type="button" value="ドキュメント オブジェクトのデモ" onclick="documentDemo3()"><br/>
<div>
これは div の内容です
</div>
<input type="txt" name="txt" >
<input type="txt" name="txt" >
<table cellpacing="0" id="tab_id">
<tr>
<td>java</td>
<td>php</td>
</tr>
<tr>
<td>.net</td>
<td>iOS</td>
</tr>
</テーブル>
<span>これはスパンエリアです</span> <br/>
<a href="#">これはハイパーリンクです</a>
<本文>
</html>