diff options
author | Sasha Sushko <sushko@outlook.com> | 2021-10-13 22:45:27 +0300 |
---|---|---|
committer | GitHub <noreply@github.com> | 2021-10-13 22:45:27 +0300 |
commit | db4924aece2d2c9e3360d891f79dd00f9222e8ed (patch) | |
tree | 508728209f5db74b35576f5280fb2cb93bcd7746 /files/ru | |
parent | 2a5aa35d0b8acedf6f14bc0fef69d141efd605a9 (diff) | |
download | translated-content-db4924aece2d2c9e3360d891f79dd00f9222e8ed.tar.gz translated-content-db4924aece2d2c9e3360d891f79dd00f9222e8ed.tar.bz2 translated-content-db4924aece2d2c9e3360d891f79dd00f9222e8ed.zip |
Add append() method page and translate into Russian (#2725)
* Add append() method page and translate into Russian
* Update files/ru/web/api/element/append/index.md
Diffstat (limited to 'files/ru')
-rw-r--r-- | files/ru/web/api/element/append/index.md | 98 |
1 files changed, 98 insertions, 0 deletions
diff --git a/files/ru/web/api/element/append/index.md b/files/ru/web/api/element/append/index.md new file mode 100644 index 0000000000..65ac6100ea --- /dev/null +++ b/files/ru/web/api/element/append/index.md @@ -0,0 +1,98 @@ +--- +title: Element.append() +slug: Web/API/Element/append +tags: + - API + - DOM + - Метод + - Узел + - Элемент + - Определение +browser-compat: api.Element.append +translation_of: Web/API/Element/append +--- +{{APIRef("DOM")}} + +Метод **`Element.append()`** вставляет {{domxref("Node", "узлы")}} или {{domxref("DOMString", "строки с текстом")}} в конец `Element`. {{domxref("DOMString", "Строки с текстом")}} вставляются как {{domxref("Text", "текстовое содержимое")}}. + +Отличия от метода {{domxref("Node.appendChild()")}}: + +- Метод `Element.append()` позволяет вставлять {{domxref("DOMString", "строки с текстом")}}, в то время как `Node.appendChild()` работает только с {{domxref("Node", "узлами")}}. +- При вызове метод `Element.append()` ничего не возвращает, в то время как `Node.appendChild()` возвращает вставленный {{domxref("Node", "узел")}}. +- С помощью `Element.append()` можно вставить сразу несколько узлов или строк текста, в то время как `Node.appendChild()` умеет вставлять по одной сущности за раз. + +## Синтаксис + +```js +append(...nodesOrDOMStrings) +``` + +### Аргументы + +- `nodesOrDOMStrings` + - : Один или несколько {{domxref("Node", "узлов")}} или {{domxref("DOMString", "строк с текстом")}}, которые необходимо вставить. + +### Исключения + +- `HierarchyRequestError` {{DOMxRef("DOMException")}} + - : Случается, когда узел не может быть вставлен в существующую иерархию элементов. + +## Примеры + +### Вставка элемента + +```js +let div = document.createElement("div") +let p = document.createElement("p") +div.append(p) + +console.log(div.childNodes) // NodeList [ <p> ] +``` + +### Вставка текста + +```js +let div = document.createElement("div") +div.append("Какой-то текст") + +console.log(div.textContent) // "Какой-то текст" +``` + +### Вставка и текста, и элемента сразу + +```js +let div = document.createElement("div") +let p = document.createElement("p") +div.append("Какой-то текст", p) + +console.log(div.childNodes) // NodeList [ #text "Какой-то текст", <p> ] +``` + +### Область видимости метода нерасширяема + +Метод `append()` не работает с оператором `with`. Подробнее читайте в справке по {{jsxref("Symbol.unscopables")}}. + +```js +let div = document.createElement("div") + +with(div) { + append("foo") +} +// ReferenceError: append is not defined +``` + +## Спецификации + +{{Specifications}} + +## Поддержка браузерами + +{{Compat}} + +## Смотрите также + +- {{domxref("Element.prepend()")}} +- {{domxref("Node.appendChild()")}} +- {{domxref("Element.after()")}} +- {{domxref("Element.insertAdjacentElement()")}} +- {{domxref("NodeList")}} |