วิธีรับวัตถุที่ระบุในหน้าปัจจุบันใน JavaScript
วิธีนี้มีดังนี้:
การคัดลอกรหัสมีดังนี้:
document.getElementById (id) // รับวัตถุด้วยค่า id ที่ระบุ
document.getElementsByName (ชื่อ) // รับอาร์เรย์ของวัตถุที่มีค่าชื่อที่ระบุ
document.all [] // สิ่งที่ชาญฉลาดไม่ใช่มาตรฐานเว็บ
document.getElementByTagname // รับอาร์เรย์ของวัตถุที่มีค่าแท็กที่ระบุ
นี่คือตัวอย่างเพียงแค่ลบความคิดเห็นและเรียกใช้โดยตรงเพื่อดูเอฟเฟกต์
การคัดลอกรหัสมีดังนี้:
<! doctype html public "-// w3c // dtd html 4.0 transitional // en">
<html>
<head>
<title> เอกสารใหม่ </title>
<meta name = "generator" content = "EditPlus">
<meta name = "ผู้เขียน" content = "">
<meta name = "คำหลัก" content = "">
<meta name = "คำอธิบาย" content = "">
</head>
<body>
<method form = "post" name = "mainfrm" action = "">
<อินพุต type = "hidden" name = "text" id = "text" value = "เพียงแค่ฝึกซ้อม">
<อินพุต type = "hidden" name = "organizationid" value = "ตรวจสอบ document.all">
<table>
<tr>
<td align = "ขวา"> องค์กรสินค้าคงคลัง: </td>
<td> <อินพุต type = "text" name = "organizationid" id = "organizationid" value = "องค์กรสินค้าคงคลัง"> </td>
</tr>
<tr>
<td align = "ขวา"> การเข้ารหัสร้านค้าย่อย: </td>
<td>
<select name = "subinventoryCode" id = "subinventoryCode">
<ตัวเลือกค่า = "qtwl"> qtwl </potion>
<ตัวเลือกค่า = "btspt"> btspt </pontion>
<ตัวเลือกค่า = "bts"> bts </potion>
</เลือก>
</td>
</tr>
<tr>
<td colspan = "2" align = "center"> <อินพุต type = "ปุ่ม" value = "รับวัตถุที่ระบุ" onClick = "do_check ()"> </td>
</tr>
</table>
</form>
</body>
</html>
<ภาษาสคริปต์ = "JavaScript">
-
ฟังก์ชั่น do_check () {
// GetElementById: มันคือการได้รับองค์ประกอบผ่าน ID ดังนั้นคุณสามารถเข้าถึงองค์ประกอบด้วยชุด ID เท่านั้น
// ค่าส่งคืนของวิธีการสามารถทำให้มั่นใจได้ว่าเป็นวัตถุที่คุณต้องการเนื่องจากค่า id ของวัตถุในหน้าทั้งหมดไม่ซ้ำกัน
// var OrganizationId = document.getElementById ("organizationId");
// alert (organizationid.value);
// getElementsByName: มันคือการได้รับองค์ประกอบผ่านชื่อ
// ค่าส่งคืนของวิธีการเป็นอาร์เรย์
// มันเป็นเพียงความยาวของอาร์เรย์ในเวลานี้
// var OrganizationId = document.getElementsByName ("OrganizationID");
// Alert (organizationId [0] .Value);
// Alert (organizationid.length);
// getElementsByTagname: รับองค์ประกอบผ่าน tagname (ชื่อแท็ก) แน่นอนจะมีแท็กเดียวกันในเอกสาร
// ดังนั้นวิธีการนี้และ getElementsByName นั้นโดยทั่วไปจะตระหนักถึงมันและมันยังได้รับอาร์เรย์ แต่มันเป็นเพียงความแตกต่างในการรับวัตถุ
// var inputs = document.getElementsByTagname ("อินพุต");
// alert (อินพุตความยาว);
// Alert (อินพุต [0] .Value);
// Alert (อินพุต [1] .Value);
// Alert (อินพุต [2] .Value);
// document.all [] เป็นตัวแปรอาร์เรย์ที่ประกอบด้วยป้ายกำกับทั้งหมดในเอกสารรวมถึงองค์ประกอบทั้งหมดในวัตถุเอกสาร
// โดยทั่วไปองค์ประกอบที่ระบุจะได้รับจากชื่อ แต่มันฉลาดกว่า getElementsByName
// var OrganizationId = document.all ["organizationid"];
// Alert (OrganizationId [0] .Value)
// document.all ["organizationid"]
// document.all.item ("organizationid")
-
-
</script>