From 074785cea106179cb3305637055ab0a009ca74f2 Mon Sep 17 00:00:00 2001 From: Peter Bengtsson Date: Tue, 8 Dec 2020 14:42:52 -0500 Subject: initial commit --- files/ru/web/html/global_attributes/is/index.html | 62 +++++++++++++++++++++++ 1 file changed, 62 insertions(+) create mode 100644 files/ru/web/html/global_attributes/is/index.html (limited to 'files/ru/web/html/global_attributes/is/index.html') diff --git a/files/ru/web/html/global_attributes/is/index.html b/files/ru/web/html/global_attributes/is/index.html new file mode 100644 index 0000000000..a80c1772d1 --- /dev/null +++ b/files/ru/web/html/global_attributes/is/index.html @@ -0,0 +1,62 @@ +--- +title: is +slug: Web/HTML/Global_attributes/is +translation_of: Web/HTML/Global_attributes/is +--- +
{{HTMLSidebar("Global_attributes")}}
+ +

Глобальный атрибут  is позволяет указать, что стандартный HTML-элемент должен вести себя как определенный пользовательский встроенный элемент (см Using custom elements для информации).

+ +

Этот атрибут может быть использован только, если указанное имя пользовательского элемента было успешно определено в текущем документе и расширяет тип элемента, к которому оно применяется.

+ +

Примеры

+ +

Следующий код взят из нашего примеры word-count-web-component  (см. в живую).

+ +
// Создание класса для элемента
+class WordCount extends HTMLParagraphElement {
+  constructor() {
+    // Всегда вызывайте super первым в конструкторе
+    super();
+
+    // Содержимое конструктора опущено для краткости
+    ...
+
+  }
+}
+
+// Определение нового элемента
+customElements.define('word-count', WordCount, { extends: 'p' });
+ +
<p is="word-count"></p>
+ +

Спецификации

+ + + + + + + + + + + + + + + + +
СпецификацияСтатусКомментарий
{{SpecName('HTML WHATWG', "custom-elements.html#attr-is", "is")}}{{Spec2('HTML WHATWG')}}
+ +

Поддержка браузерами

+ + + +

{{Compat("html.global_attributes.is")}}

+ +

Смотрите также

+ + -- cgit v1.2.3-54-g00ecf