คัดลอกรหัสรหัสดังต่อไปนี้:
<html>
<หัว>
<title></title>
<สคริปต์>
-
วิธีการรับวัตถุโหนดเอกสาร:
-
// อันแรกได้มาจาก id
ฟังก์ชั่น documentDemo(){
var tableNode = document.getElementById("tab_id");
tableNode.style.border = "5px ทึบ #00ff00";
-
//ประการที่สอง ผ่านแอตทริบิวต์ name
ฟังก์ชั่น documentDemo2(){
var inputNode = document.getElementsByName("txt");
การแจ้งเตือน (inputNode.length);
การแจ้งเตือน (inputNode[0].value);
-
//ประเภทที่สามผ่านชื่อแท็ก
ฟังก์ชั่น documentDemo3(){
var tdNode = document.getElementsByTagName("td");
การแจ้งเตือน (tdNode.length);
สำหรับ (var x = 0; x < tdNode.length;x++){
การแจ้งเตือน (tdNode [x] .innerText);
-
-
</สคริปต์>
<style type="text/css">
.onediv{
ความกว้าง:200px;
ความสูง:100px;
เส้นขอบ:1px ทึบ #f00;
ขอบบน:20px;
-
ตาราง,td{
เส้นขอบ:1px ทึบ #00f;
ความกว้าง:200px;
ขอบบน:20px;
การจัดตำแหน่งข้อความ: กึ่งกลาง;
-
</สไตล์>
</หัว>
<ร่างกาย>
<input type="button" value="การสาธิตวัตถุเอกสาร" onclick="documentDemo3()"><br/>
<div>
นี่คือเนื้อหาใน div
</div>
<ประเภทอินพุต = "txt" ชื่อ = "txt" >
<ประเภทอินพุต = "txt" ชื่อ = "txt" >
<ตาราง cellspacing="0" id="tab_id">
<tr>
<td>จาวา</td>
<td>php</td>
</tr>
<tr>
<td>.net</td>
<td>iOS</td>
</tr>
</ตาราง>
<span>นี่คือพื้นที่ขยาย</span> <br/>
<a href="#">นี่คือไฮเปอร์ลิงก์</a>
<ร่างกาย>
</html>