تشمل محددات JS الأصلية getElementById و GetElementsByName و GetElementsByTagName و GetElementsByClassName. بعد ذلك ، سأقدم استخدام هؤلاء المختارين الأربعة واحدًا تلو الآخر.
1.getElementById (احصل على عنصر من خلال الهوية)
الاستخدام: document.getElementById ("id") ؛ معرف هو قيمة سمة المعرف للعنصر المراد استرداده.
2.getElementsByName (احصل على عنصر من خلال سمة الاسم)
الاستخدام: document.getElementsByName ("الاسم") ؛ الاسم هو قيمة سمة الاسم للعنصر الذي سيتم الحصول عليه. تنطبق هذه الطريقة بشكل عام على إرسال بيانات النماذج. عندما يكون العنصر نموذجًا أو IMG أو iframe أو applet أو insized أو كائن ، سيتم إنشاء السمة المسمى بعد قيمة سمة الاسم تلقائيًا في كائن المستند. لذلك ، يمكن الرجوع إلى كائن DOM المقابل من خلال document.domname
3.GetElementsByTagname (احصل على عنصر حسب اسم العنصر)
الاستخدام: document.getElementsByTagname (tagName) ؛ TagName هو اسم علامة العنصر الذي سيتم الحصول عليه. عندما يكون tagname *، فهذا يعني الحصول على جميع العناصر. يمكن أيضًا استبدال المستند بعنصر DOM ، ولكن بهذه الطريقة ، يمكنك فقط الحصول على عناصر المجموعة الفرعية خلف عنصر DOM.
4.GetElementsByClassName (احصل على العناصر من خلال فئة CSS)
الاستخدام: document.getElementsByClassName (className) ؛ className هو اسم فئة CSS للحصول على العنصر. إذا كنت ترغب في الحصول على عناصر متعددة في نفس الوقت ، افصلها بالمسافات بعد كل فئة CSS. على سبيل المثال ، ستحصل المستند. getElementsByClassName ("class2 class1") على العنصر في أنماط class1 و class2 ، ويمكن أيضًا استبدال المستند بعنصر DOM ، بحيث يمكن الحصول على عناصر المجموعة الفرعية فقط بعد الحصول على عنصر DOM.
<! doctype html> <! doctype html> <html lang = "en"> <head> <meta charset = "utf-8"> <title> demo </title> </head> <body> <body> <div> أنا أحصل على علامة </div id = box "> أنا أتلقى معرفًا </div> name = "box2"> أحصل على الاسم </form> </body> <script type = "text/javaScript"> var div = document.getElementSbyTagName ("div") ؛ var box = document.getElementById ("box") ؛ var box1 = document.getElementSbyClassName ("box1") ؛ var box2 = document.getElementSbyName ("box2") ؛ </script> </html>ما سبق هو التحليل الكامل لمحدد JS الذي جلبه لك المحرر. آمل أن يتمكن الجميع من دعم wulin.com أكثر ~