38 lines
1.6 KiB
Markdown
38 lines
1.6 KiB
Markdown
---
|
|
title: HTML DOM getElementById Method
|
|
localeTitle: HTML DOM getElementById الطريقة
|
|
---
|
|
إرجاع الأسلوب `getElementById()` العنصر الذي يحتوي على سمة معرف بالقيمة المحددة. يستغرقه وسيطة واحدة ، وهي سلسلة حساسة لحالة معرف العنصر الذي تريده.
|
|
|
|
تعد هذه الطريقة إحدى الطرق الأكثر شيوعًا في HTML DOM ، ويتم استخدامها تقريبًا في كل مرة تريد فيها معالجة عنصر في مستندك أو الحصول على معلومات منه. إليك مثال بسيط على البنية:
|
|
|
|
**محتوى HTML:**
|
|
|
|
```html
|
|
<div id="demo"></div>
|
|
```
|
|
|
|
**محتوى جافا سكريبت:**
|
|
|
|
```javascript
|
|
document.getElementById("demo"); // Returns the element with id "demo"
|
|
```
|
|
|
|
إذا كان لديك أكثر من عنصر واحد له نفس قيمة `id` (ممارسة سيئة!) ، فسوف يعرض `getElementById` العنصر الأول الذي تم العثور عليه:
|
|
|
|
```html
|
|
<div id="demo">First</div>
|
|
<div id="demo">Second</div>
|
|
```
|
|
|
|
```javascript
|
|
document.getElementById("demo"); // Returns the element with id "demo" containing 'First'
|
|
```
|
|
|
|
#### معلومات اكثر:
|
|
|
|
[document.getElementById ()](https://developer.mozilla.org/en-US/docs/Web/API/Document/getElementById)
|
|
|
|
#### حلول بديلة:
|
|
|
|
هناك بديل شائع الاستخدام لـ `document.getElementById` يستخدم محدد jQuery الذي تقرأه عن المزيد [هنا](https://github.com/freeCodeCamp/guides/tree/master/src/pages/jquery) . |