40 lines
1.9 KiB
Markdown
40 lines
1.9 KiB
Markdown
---
|
||
title: HTML DOM getElementById Method
|
||
localeTitle: Метод HTML DOM getElementById
|
||
---
|
||
Метод `getElementById()` возвращает элемент с атрибутом id с указанным значением. Он принимает один аргумент, который представляет собой чувствительную к регистру строку идентификатора для нужного элемента.
|
||
|
||
Этот метод является одним из наиболее распространенных методов в HTML DOM и используется почти каждый раз, когда вы хотите манипулировать или получать информацию от элемента в вашем документе. Вот простой пример синтаксиса:
|
||
|
||
**Содержание HTML:**
|
||
|
||
```html
|
||
|
||
<div id="demo"></div>
|
||
```
|
||
|
||
**Содержание JavaScript:**
|
||
|
||
```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) . |