ฉันกำลังพยายามสลับการเปิดเผยองค์ประกอบ DIV บางอย่างบนเว็บไซต์โดยขึ้นอยู่กับคลาสของแต่ละ DIV ฉันกำลังใช้ข้อมูลโค้ด JavaScript พื้นฐานเพื่อสลับ ปัญหาคือสคริปต์ใช้เท่านั้นgetElementById
เนื่องจากgetElementByClass
ไม่ได้รับการสนับสนุนใน JavaScript และน่าเสียดายที่ฉันต้องใช้คลาสและไม่ใช่ id เพื่อตั้งชื่อ DIV เนื่องจากชื่อ DIV ถูกสร้างขึ้นแบบไดนามิกโดยสไตล์ชีต XSLT ของฉันโดยใช้ชื่อหมวดหมู่บางประเภท
ฉันรู้ว่าเบราว์เซอร์บางตัวรองรับgetElementByClass
แล้ว แต่เนื่องจาก Internet Explorer ฉันไม่ต้องการไปเส้นทางนั้น
ฉันพบสคริปต์ที่ใช้ฟังก์ชันเพื่อรับองค์ประกอบตามคลาส (เช่น # 8 ในหน้านี้: http://www.dustindiaz.com/top-ten-javascript/ ) แต่ฉันไม่สามารถหาวิธีรวมเข้าด้วยกันได้ ด้วยสคริปต์สลับของฉัน
นี่คือโค้ด HTML DIV เองหายไปเนื่องจากถูกสร้างขึ้นในการโหลดหน้าด้วย XML / XSLT
คำถามหลัก: ฉันจะรับสคริปต์ Toggle ด้านล่างเพื่อรับ Element by Class แทนการรับ Element by ID ได้อย่างไร
<html>
<head>
<!--This is the TOGGLE script-->
<script type="text/javascript">
<!--
function toggle_visibility(id) {
var e = document.getElementById(id);
if(e.style.display == 'block')
e.style.display = 'none';
else
e.style.display = 'block';
}
//-->
</script>
</head>
<!--the XML/XSLT page contents will be loaded here, with DIVs named by Class separating dozens of li's-->
<a href="#" onclick="toggle_visibility('class1');">Click here to toggle visibility of class 1 objects</a>
<a href="#" onclick="toggle_visibility('class2');">Click here to toggle visibility of class 2 objects</a>
</body>
</html>