You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: 2-ui/1-document/07-modifying-document/article.md
+9-9Lines changed: 9 additions & 9 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -146,15 +146,15 @@ div.innerHTML = "<strong>Всем привет!</strong> Вы прочитали
146
146
147
147
Все эти методы возвращают вставленный узел. Другими словами, `parentElem.appendChild(node)` вернёт `node`. Но обычно возвращаемое значение не используют, просто вызывают метод.
148
148
149
-
Эти методы "старой школы": они существуют с древних времён и мы можем встретить их во многих старых скриптах. К несчастью, есть некоторые задачи, которые трудно решить с ними.
149
+
Эти методы "старой школы": они существуют с древних времён, и мы можем встретить их во многих старых скриптах. К несчастью, есть некоторые задачи, которые трудно решить с ними.
150
150
151
-
Например, как вставить *html*, если элемент у нас в виде строки? Или, если у нас есть узел, как вставить *другой* перед ним? Конечно, всё это выполнимо, но не элегантно.
151
+
Например, как вставить *html*, если элемент у нас в виде строки? Или, если у нас есть узел, как вставить *другой* перед ним? Конечно, всё это выполнимо, но не в элегантной манере.
152
152
153
-
Поэтому существует два других набора с методами вставки, на все случаи.
153
+
Поэтому существуют два других набора с методами вставки, на все случаи.
154
154
155
155
### prepend/append/before/after
156
156
157
-
Этот набор методов предоставляет более гибкие вставки:
157
+
Этот набор методов предоставляет более гибкие возможности вставки:
158
158
159
159
-`node.append(...узлы или строки)` -- добавляет узлы или строки в конец `node`,
160
160
-`node.prepend(...nodes or strings)` -- вставляет узлы или строки в начало `node`,
@@ -276,7 +276,7 @@ after
276
276
-`elem.insertAdjacentText(where, text)` -- такой же синтаксис, но строка `text` вставляется "как текст", вместо HTML,
277
277
-`elem.insertAdjacentElement(where, elem)` -- такой же синтаксис, но вставляет элемент.
278
278
279
-
Они существуют в основном, чтобы сделать синтаксис "единым". На практике часто используется только `insertAdjacentHTML`. Потому что для элементов и текста у нас есть методы `append/prepend/before/after` -- их быстрее написать и могут вставлять узлы/фрагменты текста.
279
+
Они существуют в основном, чтобы сделать синтаксис "единым". На практике часто используется только `insertAdjacentHTML`. Потому что для элементов и текста у нас есть методы `append/prepend/before/after` -- их быстрее написать и они могут вставлять узлы/фрагменты текста.
Мы упоминаем `DocumentFragment` в основном потому, что он используется в некоторых концепциях, например для элемента [template](info:template-element), который мы рассмотрим гораздо позже.
403
+
Мы упоминаем `DocumentFragment` в основном потому, что он используется в некоторых концепциях, например, для элемента [template](info:template-element), который мы рассмотрим гораздо позже.
0 commit comments