René's URL Explorer Experiment


Title: JavaScript Shadow DOM | W3docs

Open Graph Title: JavaScript Shadow DOM

X Title: JavaScript Shadow DOM

Description: Lo Shadow DOM consente di allegare un albero DOM incapsulato a un elemento, isolando markup, stili e script dal resto della pagina. Scopri shadow root, slot e…

Open Graph Description: Lo Shadow DOM consente di allegare un albero DOM incapsulato a un elemento, isolando markup, stili e script dal resto della pagina. Scopri shadow root, slot e…

X Description: Lo Shadow DOM consente di allegare un albero DOM incapsulato a un elemento, isolando markup, stili e script dal resto della pagina. Scopri shadow root, slot e…

Opengraph URL: https://it.w3docs.com/learn-javascript/javascript-shadow-dom

X: @w3docs

direct link

Domain: it.w3docs.com

Hey, it has json ld scripts: 
{"@context":"https://schema.org","@type":"Article","@id":"https://it.w3docs.com/learn-javascript/javascript-shadow-dom#article","headline":"JavaScript Shadow DOM","description":"Lo Shadow DOM consente di allegare un albero DOM incapsulato a un elemento, isolando markup, stili e script dal resto della pagina. Scopri shadow root, slot e componenti riutilizzabili.","inLanguage":"it","url":"https://it.w3docs.com/learn-javascript/javascript-shadow-dom","isPartOf":{"@id":"https://it.w3docs.com/#website"},"publisher":{"@id":"https://it.w3docs.com/#organization"}}
 
{"@context":"https://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://it.w3docs.com/"},{"@type":"ListItem","position":2,"name":"Imparare JavaScript","item":"https://it.w3docs.com/learn-javascript"},{"@type":"ListItem","position":3,"name":"Shadow DOM","item":"https://it.w3docs.com/learn-javascript/javascript-shadow-dom"}]}
 
{"@context":"https://schema.org","@type":"Organization","@id":"https://it.w3docs.com/#organization","name":"W3docs","url":"https://it.w3docs.com/","logo":"https://www.w3docs.com/build/images/logo-amp.png","sameAs":["https://x.com/w3docs","https://www.facebook.com/w3docs","https://github.com/w3docs","https://linkedin.com/company/w3docs"]}
 
{"@context":"https://schema.org","@type":"WebSite","@id":"https://it.w3docs.com/#website","name":"W3docs","url":"https://it.w3docs.com/","inLanguage":"it","publisher":{"@id":"https://it.w3docs.com/#organization"}}
og:site_nameW3docs
og:localeit_IT
og:imagehttps://www.w3docs.com/build/images/logo-amp.png
og:typearticle
twitter:cardsummary_large_image
twitter:imagehttps://www.w3docs.com/build/images/logo-amp.png

Links:

W3docshttps://it.w3docs.com/
Imparare HTMLhttps://it.w3docs.com/learn-html
Impara CSShttps://it.w3docs.com/learn-css
Imparare JavaScripthttps://it.w3docs.com/learn-javascript
Imparare Githttps://it.w3docs.com/learn-git
Imparare Javahttps://it.w3docs.com/learn-java
Imparare PHPhttps://it.w3docs.com/learn-php
Imparare Pythonhttps://it.w3docs.com/learn-python
Corsihttps://it.w3docs.com/course
Quizhttps://it.w3docs.com/quiz
Esercizihttps://it.w3docs.com/exercise
HTML Editorhttps://it.w3docs.com/tools/editor
Password Generatorhttps://it.w3docs.com/tools/password-generator
HTML Encoderhttps://it.w3docs.com/tools/html-encoder
Code Diffhttps://it.w3docs.com/tools/code-diff
JSON Beautifierhttps://it.w3docs.com/tools/json-beautify
Tutti i 13 →https://it.w3docs.com/tool
Color Pickerhttps://it.w3docs.com/color/color-picker
Color Converterhttps://it.w3docs.com/color/color-converter
Color mixerhttps://it.w3docs.com/color/color-mixer
Color Hexhttps://it.w3docs.com/color/color-hex
Colors HSLhttps://it.w3docs.com/color/color-hsl
Tutti i 10 →https://it.w3docs.com/tool
String Length Calculatorhttps://it.w3docs.com/tools/string-length-calculator
MD5 Hash Generatorhttps://it.w3docs.com/tools/string-md5-generator
Sha256 Hash Generatorhttps://it.w3docs.com/tools/string-sha256-generator
String Reversehttps://it.w3docs.com/tools/string-revers
URL Encoderhttps://it.w3docs.com/tools/string-url-encoder
Tutti i 19 →https://it.w3docs.com/tool
Javascript Formatterhttps://it.w3docs.com/tools/formatter/javascript
CSS Formatterhttps://it.w3docs.com/tools/formatter/css
HTML Formatterhttps://it.w3docs.com/tools/formatter/html
Json Formatterhttps://it.w3docs.com/tools/formatter/json
PHP Formatterhttps://it.w3docs.com/tools/formatter/php
Englishenhttps://www.w3docs.com/learn-javascript/javascript-shadow-dom
Deutschdehttps://de.w3docs.com/learn-javascript/javascript-shadow-dom
Русскийruhttps://ru.w3docs.com/learn-javascript/javascript-shadow-dom
Françaisfrhttps://fr.w3docs.com/learn-javascript/javascript-shadow-dom
Españoleshttps://es.w3docs.com/learn-javascript/javascript-shadow-dom
Portuguêspthttps://pt.w3docs.com/learn-javascript/javascript-shadow-dom
Italianoithttps://it.w3docs.com/learn-javascript/javascript-shadow-dom
Accedihttps://it.w3docs.com/api/auth/login
Imparare JavaScripthttps://it.w3docs.com/learn-javascript
Introduzionehttps://it.w3docs.com/learn-javascript/javascript-intro
Iniziare a usare Javascripthttps://it.w3docs.com/learn-javascript/start-using-javascript
Commenti JShttps://it.w3docs.com/learn-javascript/javascript-comments
JS con DOMhttps://it.w3docs.com/learn-javascript/javascript-with-dom
JS Use Stricthttps://it.w3docs.com/learn-javascript/javascript-use-strict
Variabili JShttps://it.w3docs.com/learn-javascript/javascript-variables
Tipi di Dati JShttps://it.w3docs.com/learn-javascript/javascript-data-types
Conversioni di tipo JShttps://it.w3docs.com/learn-javascript/type-conversions
Funzioni Interattive JShttps://it.w3docs.com/learn-javascript/interactive-functions
Operatori JShttps://it.w3docs.com/learn-javascript/operators
Operatori di confronto JShttps://it.w3docs.com/learn-javascript/comparison-operators
Operatori logici JShttps://it.w3docs.com/learn-javascript/logical-operators
JS Coalescenza Nullish (??)https://it.w3docs.com/learn-javascript/nullish-coalescing-operator
Operatori condizionali JShttps://it.w3docs.com/learn-javascript/conditional-operators
JS Switchhttps://it.w3docs.com/learn-javascript/javascript-switch
Loop JShttps://it.w3docs.com/learn-javascript/javascript-loops
Funzioni JShttps://it.w3docs.com/learn-javascript/javascript-functions
Espressioni di Funzione JShttps://it.w3docs.com/learn-javascript/function-expressions
Arrow Function in JShttps://it.w3docs.com/learn-javascript/arrow-functions-the-basics
JS ES6https://it.w3docs.com/learn-javascript/javascript-es6
Oggetti JShttps://it.w3docs.com/learn-javascript/javascript-objects
Copia di object in JShttps://it.w3docs.com/learn-javascript/object-references-and-copying
Metodi degli object JS, "this"https://it.w3docs.com/learn-javascript/object-methods-this
Garbage collection in JShttps://it.w3docs.com/learn-javascript/garbage-collection
Symbol in JShttps://it.w3docs.com/learn-javascript/symbol-types
Conversione da Object a Primitivo in JShttps://it.w3docs.com/learn-javascript/object-to-primitive-conversion
Constructor JS, operatore "new"https://it.w3docs.com/learn-javascript/constructor-operator-new
JS Optional Chaining (?.)https://it.w3docs.com/learn-javascript/optional-chaining
Metodi dei primitivi JShttps://it.w3docs.com/learn-javascript/methods-of-primitives
Numeri JShttps://it.w3docs.com/learn-javascript/numbers
JS Mathhttps://it.w3docs.com/learn-javascript/javascript-math
Stringhe JShttps://it.w3docs.com/learn-javascript/strings
Array JShttps://it.w3docs.com/learn-javascript/javascript-array
Metodi degli array JShttps://it.w3docs.com/learn-javascript/array-methods
Iterabili JShttps://it.w3docs.com/learn-javascript/iterables
JS Map e Sethttps://it.w3docs.com/learn-javascript/map-and-set
JS WeakMap e WeakSethttps://it.w3docs.com/learn-javascript/weakmap-and-weakset
JS Object.keys, Values, Entrieshttps://it.w3docs.com/learn-javascript/object-keys-values-entries
Destrutturazione in JShttps://it.w3docs.com/learn-javascript/destructuring-assignment
JS Date e orariohttps://it.w3docs.com/learn-javascript/javascript-date
Metodi JS JSON, toJSONhttps://it.w3docs.com/learn-javascript/working-with-json
Ricorsione e Stack in JShttps://it.w3docs.com/learn-javascript/recursion-and-stack
Parametri Rest e Sintassi Spread in JShttps://it.w3docs.com/learn-javascript/rest-parameters-and-spread-syntax
Scope variabili JShttps://it.w3docs.com/learn-javascript/variable-scope
Il vecchio "var" in JShttps://it.w3docs.com/learn-javascript/the-old-var
Oggetto globale JShttps://it.w3docs.com/learn-javascript/global-object
Oggetto Function JS, NFEhttps://it.w3docs.com/learn-javascript/function-object-nfe
La sintassi "new function" in JShttps://it.w3docs.com/learn-javascript/the-new-function-syntax
JS setTimeout e setIntervalhttps://it.w3docs.com/learn-javascript/scheduling-settimeout-and-setinterval
Decorator e inoltro, call/applyhttps://it.w3docs.com/learn-javascript/decorators-and-forwarding-call-apply
JS Debounce & Throttlehttps://it.w3docs.com/learn-javascript/debounce-and-throttle
JS Function Bindinghttps://it.w3docs.com/learn-javascript/function-binding
Arrow function JS rivisitatehttps://it.w3docs.com/learn-javascript/arrow-functions-revisited
Closure JShttps://it.w3docs.com/learn-javascript/javascript-closures
Flag e descrittori di proprietà JShttps://it.w3docs.com/learn-javascript/property-flags-and-descriptors
Getter e Setter delle Proprietà JShttps://it.w3docs.com/learn-javascript/property-getters-and-setters
Introduzione al DOMhttps://it.w3docs.com/learn-javascript/javascript-html-dom
I Nodi del DOMhttps://it.w3docs.com/learn-javascript/understanding-the-dom-nodes
Selezionare elementi del DOMhttps://it.w3docs.com/learn-javascript/selecting-dom-elements
Manipolazione del DOMhttps://it.w3docs.com/learn-javascript/dom-manipulation
Stili nel DOMhttps://it.w3docs.com/learn-javascript/working-with-styles-in-dom
Gestione degli eventi nel DOMhttps://it.w3docs.com/learn-javascript/event-handling-in-dom
Attraversamento del DOMhttps://it.w3docs.com/learn-javascript/traversing-the-dom
Tecniche di Manipolazione del DOMhttps://it.w3docs.com/learn-javascript/dom-manipulation-techniques
Lavorare con i Form nel DOMhttps://it.w3docs.com/learn-javascript/working-with-forms-in-dom
Tecniche Avanzate del DOMhttps://it.w3docs.com/learn-javascript/advanced-dom-techniques
Librerie per la Manipolazione del DOMhttps://it.w3docs.com/learn-javascript/dom-manipulation-libraries
Compatibilità DOM tra Browserhttps://it.w3docs.com/learn-javascript/dom-browser-compatibility
Accessibilità nel DOMhttps://it.w3docs.com/learn-javascript/dom-accessibility-considerations
Debug e Strumentihttps://it.w3docs.com/learn-javascript/dom-debugging-and-tools
Ottimizzazione delle prestazionihttps://it.w3docs.com/learn-javascript/dom-performance-optimization
Elementi Interattivi e Widgethttps://it.w3docs.com/learn-javascript/dom-nteractive-elements-and-widgets
Ereditarietà prototipale JShttps://it.w3docs.com/learn-javascript/prototypal-inheritance
Prototipi Nativi JShttps://it.w3docs.com/learn-javascript/native-prototypes
Metodi Prototipo JS, Object senza `__proto__`https://it.w3docs.com/learn-javascript/prototype-methods-objects-without-proto
Sintassi Base delle Classi JShttps://it.w3docs.com/learn-javascript/class-basic-syntax
Ereditarietà delle classi JShttps://it.w3docs.com/learn-javascript/class-inheritance
Proprietà e metodi statici in JShttps://it.w3docs.com/learn-javascript/static-properties-and-methods
Proprietà Private e Protette in JShttps://it.w3docs.com/learn-javascript/private-and-protected-properties-and-methods
JS Estendere le Classi Built-inhttps://it.w3docs.com/learn-javascript/extending-built-in-classes
JS Class Checking: "instanceof"https://it.w3docs.com/learn-javascript/class-checking-instanceof
Mixin in JShttps://it.w3docs.com/learn-javascript/mixins
Gestione degli errori JS, "try..catch"https://it.w3docs.com/learn-javascript/error-handling-try-catch
Errori personalizzati JS, estendere Errorhttps://it.w3docs.com/learn-javascript/custom-errors-extending-error
JS Introduzione: callbackhttps://it.w3docs.com/learn-javascript/introduction-callbacks
JS Promisehttps://it.w3docs.com/learn-javascript/promise
Concatenazione di Promise JShttps://it.w3docs.com/learn-javascript/promises-chaining
Gestione degli errori con le promisehttps://it.w3docs.com/learn-javascript/error-handling-with-promises
Promise APIhttps://it.w3docs.com/learn-javascript/promise-api
Promisificationhttps://it.w3docs.com/learn-javascript/promisification
Microtaskhttps://it.w3docs.com/learn-javascript/microtasks
async/awaithttps://it.w3docs.com/learn-javascript/async-await
Generatorhttps://it.w3docs.com/learn-javascript/generators
Iteratori e Generatori Asincronihttps://it.w3docs.com/learn-javascript/async-iterators-and-generators
Modulihttps://it.w3docs.com/learn-javascript/modules-introduction
Export e Importhttps://it.w3docs.com/learn-javascript/export-and-import
Import Dinamicihttps://it.w3docs.com/learn-javascript/dynamic-imports
Proxy e Reflecthttps://it.w3docs.com/learn-javascript/proxy-and-reflect
Evalhttps://it.w3docs.com/learn-javascript/eval-run-a-code-string
Curryinghttps://it.w3docs.com/learn-javascript/currying
BigInthttps://it.w3docs.com/learn-javascript/bigint
Polyfill e Transpiler JShttps://it.w3docs.com/learn-javascript/polyfills-and-transpilers
Popup e metodi windowhttps://it.w3docs.com/learn-javascript/popups-and-window-methods
Comunicazione tra finestrehttps://it.w3docs.com/learn-javascript/cross-window-communication
ArrayBuffer, Array Binarihttps://it.w3docs.com/learn-javascript/arraybuffer-binary-arrays
TextDecoder e TextEncoderhttps://it.w3docs.com/learn-javascript/textdecoder-and-textencoder
Blobhttps://it.w3docs.com/learn-javascript/javascript-blob
File e FileReaderhttps://it.w3docs.com/learn-javascript/file-and-filereader
JS Streams APIhttps://it.w3docs.com/learn-javascript/streams-api
Ambiente Browser e Specifichehttps://it.w3docs.com/learn-javascript/browser-environment-specs
Ricerca: getElement*, querySelector*https://it.w3docs.com/learn-javascript/searching-getelement-queryselector
Proprietà dei nodi: tipo, tag e contenutohttps://it.w3docs.com/learn-javascript/node-properties-type-tag-and-contents
Attributi e Proprietàhttps://it.w3docs.com/learn-javascript/attributes-and-properties
Modificare il documentohttps://it.w3docs.com/learn-javascript/modifying-the-document
Stili e Classihttps://it.w3docs.com/learn-javascript/styles-and-classes
Dimensioni della Finestra e Scorrimentohttps://it.w3docs.com/learn-javascript/javascript-window-sizes-and-scrolling
Coordinatehttps://it.w3docs.com/learn-javascript/javascript-coordinates
Introduzione agli eventi del browser in JavaScripthttps://it.w3docs.com/learn-javascript/introduction-to-browser-events
Bubbling e Capturinghttps://it.w3docs.com/learn-javascript/bubbling-and-capturing
Delega degli eventihttps://it.w3docs.com/learn-javascript/javascript-events
Azioni Predefinite del Browserhttps://it.w3docs.com/learn-javascript/browser-default-actions
Dispatching di eventi personalizzatihttps://it.w3docs.com/learn-javascript/dispatching-custom-events
Fondamenti degli eventi del mousehttps://it.w3docs.com/learn-javascript/mouse-events-basics
Spostamento del mousehttps://it.w3docs.com/learn-javascript/moving-the-mouse-mouseover-out-mouseenter-leave
Drag and Drophttps://it.w3docs.com/learn-javascript/drag-and-drop-with-javascript
Tastiera: keydown e keyuphttps://it.w3docs.com/learn-javascript/keyboard-keydown-and-keyup
Scrollinghttps://it.w3docs.com/learn-javascript/javascript-scrolling
Proprietà e metodi dei formhttps://it.w3docs.com/learn-javascript/form-properties-and-methods
Focusing: focus/blurhttps://it.w3docs.com/learn-javascript/focusing-focus-blur
Eventi: change, input, cut, copy, pastehttps://it.w3docs.com/learn-javascript/events-change-input-cut-copy-paste
JS Clipboard APIhttps://it.w3docs.com/learn-javascript/clipboard-api
Forms: evento e metodo submithttps://it.w3docs.com/learn-javascript/forms-event-and-method-submit
Page:DOMContentLoaded, load, beforeunload, unloadhttps://it.w3docs.com/learn-javascript/page-domcontentloaded-load-beforeunload-unload
Script: async, deferhttps://it.w3docs.com/learn-javascript/scripts-async-defer
Resource Loading: onload e onerrorhttps://it.w3docs.com/learn-javascript/resource-loading-onload-and-onerror
Mutation Observerhttps://it.w3docs.com/learn-javascript/mutation-observer
JS IntersectionObserverhttps://it.w3docs.com/learn-javascript/intersection-observer
JS ResizeObserverhttps://it.w3docs.com/learn-javascript/resize-observer
Selection e Rangehttps://it.w3docs.com/learn-javascript/selection-and-range
Event Loop: microtask e macrotaskhttps://it.w3docs.com/learn-javascript/event-loop-microtasks-and-macrotasks
Canvashttps://it.w3docs.com/learn-javascript/canvas
Fetch APIhttps://it.w3docs.com/learn-javascript/fetch-api
FormDatahttps://it.w3docs.com/learn-javascript/javascript-formdata
Fetch: progresso del downloadhttps://it.w3docs.com/learn-javascript/fetch-download-progress
Fetch: aborthttps://it.w3docs.com/learn-javascript/fetch-abort
Fetch: richieste cross-originhttps://it.w3docs.com/learn-javascript/javascript-fetch-cross-origin-requests
Oggetti URLhttps://it.w3docs.com/learn-javascript/url-objects
XMLHttpRequesthttps://it.w3docs.com/learn-javascript/xmlhttprequest
JS Server-Sent Eventshttps://it.w3docs.com/learn-javascript/server-sent-events
Caricamento di file ripristinabilehttps://it.w3docs.com/learn-javascript/resumable-file-upload
Cookie: document.cookiehttps://it.w3docs.com/learn-javascript/cookies-document-cookie
LocalStorage, SessionStoragehttps://it.w3docs.com/learn-javascript/localstorage-sessionstorage
IndexedDBhttps://it.w3docs.com/learn-javascript/javascript-indexeddb
Animazioni CSShttps://it.w3docs.com/learn-javascript/css-animations
Animazioni JavaScripthttps://it.w3docs.com/learn-javascript/javascript-animations
Web Componentshttps://it.w3docs.com/learn-javascript/web-components
Elementi Personalizzatihttps://it.w3docs.com/learn-javascript/custom-elements
Shadow DOMhttps://it.w3docs.com/learn-javascript/javascript-shadow-dom
Elemento Templatehttps://it.w3docs.com/learn-javascript/template-element
Shadow DOM Slots e Composizionehttps://it.w3docs.com/learn-javascript/shadow-dom-slots-composition
Stile dello Shadow DOMhttps://it.w3docs.com/learn-javascript/shadow-dom-styling
Shadow DOM ed eventihttps://it.w3docs.com/learn-javascript/shadow-dom-and-events
Regex JShttps://it.w3docs.com/learn-javascript/regex
Pattern e Flaghttps://it.w3docs.com/learn-javascript/patterns-and-flags
Classi di Caratterihttps://it.w3docs.com/learn-javascript/character-classes
Unicode: flag "u" e classe \p{...}https://it.w3docs.com/learn-javascript/unicode-flag-u-and-class-p
Ancore: inizio ^ e fine $ della stringahttps://it.w3docs.com/learn-javascript/anchors-string-start-and-end
Modalità multiriga degli ancoraggi ^ $, flag "m"https://it.w3docs.com/learn-javascript/multiline-mode-of-anchors-flag-m
Delimitatore di parola: \bhttps://it.w3docs.com/learn-javascript/word-boundary-b
Escape, Caratteri Specialihttps://it.w3docs.com/learn-javascript/escaping-special-characters
Set e intervalli [...]https://it.w3docs.com/learn-javascript/javascript-sets-and-ranges
Quantificatori +, *, ? e {n}https://it.w3docs.com/learn-javascript/quantifiers-and-n
Quantificatori greedy e lazyhttps://it.w3docs.com/learn-javascript/greedy-and-lazy-quantifiers
Gruppi di catturahttps://it.w3docs.com/learn-javascript/capturing-groups
Backreferenze nel pattern: \n e \khttps://it.w3docs.com/learn-javascript/backreferences-in-pattern-n-and-k-name
Alternazione (OR) in JavaScripthttps://it.w3docs.com/learn-javascript/javascript-alternation-or
Lookahead e Lookbehindhttps://it.w3docs.com/learn-javascript/lookahead-and-lookbehind
Backtracking Catastroficohttps://it.w3docs.com/learn-javascript/catastrophic-backtracking
Flag sticky "y", ricerca in posizionehttps://it.w3docs.com/learn-javascript/sticky-flag-y-searching-at-position
Metodi di RegExp e Stringhttps://it.w3docs.com/learn-javascript/javascript-regexp
Web Animations APIhttps://it.w3docs.com/learn-javascript/animations-api
File APIhttps://it.w3docs.com/learn-javascript/file-api
Battery APIhttps://it.w3docs.com/learn-javascript/battery-api
WebGLhttps://it.w3docs.com/learn-javascript/webgl
Push APIhttps://it.w3docs.com/learn-javascript/push-api
Screen Orientation APIhttps://it.w3docs.com/learn-javascript/screen-orientation-api
History APIhttps://it.w3docs.com/learn-javascript/history-api
Console APIhttps://it.w3docs.com/learn-javascript/console-api
Fullscreen APIhttps://it.w3docs.com/learn-javascript/fullscreen-api
API di Validazionehttps://it.w3docs.com/learn-javascript/validation-api
Web Storage APIhttps://it.w3docs.com/learn-javascript/storage-api
Web MIDI APIhttps://it.w3docs.com/learn-javascript/web-midi-api
JS Web Workershttps://it.w3docs.com/learn-javascript/web-workers
Service Workershttps://it.w3docs.com/learn-javascript/service-workers
WebSocketshttps://it.w3docs.com/learn-javascript/websockets
Geolocalizzazionehttps://it.w3docs.com/learn-javascript/geolocation
WebRTChttps://it.w3docs.com/learn-javascript/webrtc
Web Audio APIhttps://it.w3docs.com/learn-javascript/web-audio-api
Notifications APIhttps://it.w3docs.com/learn-javascript/notifications-api
La Vibration APIhttps://it.w3docs.com/learn-javascript/the-vibration-api
JS Intl APIhttps://it.w3docs.com/learn-javascript/intl-api
Web Componentshttps://it.w3docs.com/learn-javascript/web-components
elemento personalizzatohttps://it.w3docs.com/learn-javascript/custom-elements
Provalo tu stesso »https://it.w3docs.com/tools/editor#code=PGhlYWQ-CiAgPHN0eWxlPgogICAgLnNoYWRvdy1ib3ggewogICAgICBwYWRkaW5nOiAxMHB4OwogICAgICBib3JkZXI6IDFweCBzb2xpZCAjMDAwOwogICAgICBiYWNrZ3JvdW5kLWNvbG9yOiBsaWdodGNvcmFsOwogICAgICBjb2xvcjogd2hpdGU7CiAgICB9CiAgPC9zdHlsZT4KPC9oZWFkPgo8Ym9keT4KICA8ZGl2IGNsYXNzPSJzaGFkb3ctYm94Ij5UaGlzIGlzIHN0eWxlZCBieSB0aGUgbWFpbiBkb2N1bWVudDwvZGl2PgogIDxkaXYgaWQ9Imhvc3QiPjwvZGl2PgogIDxzY3JpcHQ-CiAgICAvLyBDcmVhdGUgYSBzaGFkb3cgcm9vdAogICAgY29uc3QgaG9zdEVsZW1lbnQgPSBkb2N1bWVudC5nZXRFbGVtZW50QnlJZCgnaG9zdCcpOwogICAgY29uc3Qgc2hhZG93Um9vdCA9IGhvc3RFbGVtZW50LmF0dGFjaFNoYWRvdyh7IG1vZGU6ICdvcGVuJyB9KTsKCiAgICAvLyBBdHRhY2ggc2hhZG93IERPTSBjb250ZW50CiAgICBzaGFkb3dSb290LmlubmVySFRNTCA9IGAKICAgICAgPHN0eWxlPgogICAgICAgIC5zaGFkb3ctYm94IHsKICAgICAgICAgIHBhZGRpbmc6IDEwcHg7CiAgICAgICAgICBib3JkZXI6IDFweCBzb2xpZCAjMDAwOwogICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogbGlnaHRibHVlOwogICAgICAgICAgY29sb3I6IGJsYWNrOwogICAgICAgIH0KICAgICAgPC9zdHlsZT4KICAgICAgPGRpdiBjbGFzcz0ic2hhZG93LWJveCI-SGVsbG8sIFNoYWRvdyBET00hPC9kaXY-CiAgICBgOwogIDwvc2NyaXB0Pgo8L2JvZHk-&lang=html
Provalo tu stesso »https://it.w3docs.com/tools/editor#code=PGJvZHk-CiAgPGRpdiBpZD0ib3Blbi1zaGFkb3ctaG9zdCI-PC9kaXY-CiAgPGJ1dHRvbiBpZD0ib3Blbi1zaGFkb3ctYnRuIj5DaGFuZ2UgU2hhZG93IENvbnRlbnQ8L2J1dHRvbj4KCiAgPHNjcmlwdD4KICAgIGNvbnN0IG9wZW5TaGFkb3dIb3N0ID0gZG9jdW1lbnQuZ2V0RWxlbWVudEJ5SWQoJ29wZW4tc2hhZG93LWhvc3QnKTsKICAgIGNvbnN0IG9wZW5TaGFkb3dSb290ID0gb3BlblNoYWRvd0hvc3QuYXR0YWNoU2hhZG93KHsgbW9kZTogJ29wZW4nIH0pOwoKICAgIG9wZW5TaGFkb3dSb290LmlubmVySFRNTCA9IGAKICAgICAgPHN0eWxlPgogICAgICAgIC5zaGFkb3ctY29udGVudCB7CiAgICAgICAgICBjb2xvcjogYmx1ZTsKICAgICAgICAgIHBhZGRpbmc6IDEwcHg7CiAgICAgICAgICBib3JkZXI6IDFweCBzb2xpZCBibGFjazsKICAgICAgICB9CiAgICAgIDwvc3R5bGU-CiAgICAgIDxkaXYgY2xhc3M9InNoYWRvdy1jb250ZW50Ij5UaGlzIGlzIGFuIG9wZW4gc2hhZG93IHJvb3Q8L2Rpdj4KICAgIGA7CgogICAgZG9jdW1lbnQuZ2V0RWxlbWVudEJ5SWQoJ29wZW4tc2hhZG93LWJ0bicpLmFkZEV2ZW50TGlzdGVuZXIoJ2NsaWNrJywgKCkgPT4gewogICAgICBvcGVuU2hhZG93Um9vdC5xdWVyeVNlbGVjdG9yKCcuc2hhZG93LWNvbnRlbnQnKS50ZXh0Q29udGVudCA9ICdPcGVuIFNoYWRvdyBSb290IGNvbnRlbnQgdXBkYXRlZCEnOwogICAgfSk7CiAgPC9zY3JpcHQ-CjwvYm9keT4&lang=html
Provalo tu stesso »https://it.w3docs.com/tools/editor#code=PGJvZHk-CiAgPGRpdiBpZD0iY2xvc2VkLXNoYWRvdy1ob3N0Ij48L2Rpdj4KICA8YnV0dG9uIGlkPSJjbG9zZWQtc2hhZG93LWJ0biI-VHJ5IHRvIENoYW5nZSBTaGFkb3cgQ29udGVudDwvYnV0dG9uPgoKICA8c2NyaXB0PgogICAgY29uc3QgY2xvc2VkU2hhZG93SG9zdCA9IGRvY3VtZW50LmdldEVsZW1lbnRCeUlkKCdjbG9zZWQtc2hhZG93LWhvc3QnKTsKICAgIGNvbnN0IGNsb3NlZFNoYWRvd1Jvb3QgPSBjbG9zZWRTaGFkb3dIb3N0LmF0dGFjaFNoYWRvdyh7IG1vZGU6ICdjbG9zZWQnIH0pOwoKICAgIGNsb3NlZFNoYWRvd1Jvb3QuaW5uZXJIVE1MID0gYAogICAgICA8c3R5bGU-CiAgICAgICAgLnNoYWRvdy1jb250ZW50IHsKICAgICAgICAgIGNvbG9yOiByZWQ7CiAgICAgICAgICBwYWRkaW5nOiAxMHB4OwogICAgICAgICAgYm9yZGVyOiAxcHggc29saWQgYmxhY2s7CiAgICAgICAgfQogICAgICA8L3N0eWxlPgogICAgICA8ZGl2IGNsYXNzPSJzaGFkb3ctY29udGVudCI-VGhpcyBpcyBhIGNsb3NlZCBzaGFkb3cgcm9vdDwvZGl2PgogICAgYDsKCiAgICAvLyBjbG9zZWRTaGFkb3dIb3N0LnNoYWRvd1Jvb3QgaXMgbnVsbCBmb3IgY2xvc2VkIHJvb3RzLCBzbyB0aGlzIHRocm93cyBhIFR5cGVFcnJvcgogICAgZG9jdW1lbnQuZ2V0RWxlbWVudEJ5SWQoJ2Nsb3NlZC1zaGFkb3ctYnRuJykuYWRkRXZlbnRMaXN0ZW5lcignY2xpY2snLCAoKSA9PiB7CiAgICAgIHRyeSB7CiAgICAgICAgY2xvc2VkU2hhZG93SG9zdC5zaGFkb3dSb290LnF1ZXJ5U2VsZWN0b3IoJy5zaGFkb3ctY29udGVudCcpLnRleHRDb250ZW50ID0gJ0F0dGVtcHRlZCB0byB1cGRhdGUgY2xvc2VkIHNoYWRvdyByb290ISc7CiAgICAgIH0gY2F0Y2ggKGUpIHsKICAgICAgICBhbGVydCgnQ2Fubm90IGFjY2VzcyBzaGFkb3cgcm9vdCBjb250ZW50IGZyb20gb3V0c2lkZSEnKTsKICAgICAgfQogICAgfSk7CiAgPC9zY3JpcHQ-CjwvYm9keT4&lang=html
Provalo tu stesso »https://it.w3docs.com/tools/editor#code=PGhlYWQ-CiAgPHN0eWxlPgogICAgLnN0eWxlZC1ib3ggewogICAgICBjb2xvcjogcmVkOwogICAgICBiYWNrZ3JvdW5kLWNvbG9yOiB5ZWxsb3c7CiAgICAgIHBhZGRpbmc6IDEwcHg7CiAgICAgIGJvcmRlcjogMXB4IHNvbGlkIGdyZWVuOwogICAgfQogIDwvc3R5bGU-CjwvaGVhZD4KPGJvZHk-CiAgPGRpdiBjbGFzcz0ic3R5bGVkLWJveCI-VGhpcyBpcyBzdHlsZWQgYnkgdGhlIG1haW4gZG9jdW1lbnQ8L2Rpdj4KICA8ZGl2IGlkPSJzdHlsZWQtaG9zdCI-PC9kaXY-CgogIDxzY3JpcHQ-CiAgICBjb25zdCBzdHlsZWRIb3N0ID0gZG9jdW1lbnQuZ2V0RWxlbWVudEJ5SWQoJ3N0eWxlZC1ob3N0Jyk7CiAgICBjb25zdCBzaGFkb3dSb290ID0gc3R5bGVkSG9zdC5hdHRhY2hTaGFkb3coeyBtb2RlOiAnb3BlbicgfSk7CgogICAgc2hhZG93Um9vdC5pbm5lckhUTUwgPSBgCiAgICAgIDxzdHlsZT4KICAgICAgICAuc3R5bGVkLWJveCB7CiAgICAgICAgICBjb2xvcjogd2hpdGU7CiAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiBibGFjazsKICAgICAgICAgIHBhZGRpbmc6IDEwcHg7CiAgICAgICAgICBib3JkZXItcmFkaXVzOiA1cHg7CiAgICAgICAgfQogICAgICA8L3N0eWxlPgogICAgICA8ZGl2IGNsYXNzPSJzdHlsZWQtYm94Ij5TdHlsZWQgYnkgU2hhZG93IERPTTwvZGl2PgogICAgYDsKICA8L3NjcmlwdD4KPC9ib2R5Pg&lang=html
Provalo tu stesso »https://it.w3docs.com/tools/editor#code=PGRpdiBpZD0ic2xvdC1ob3N0Ij4KICA8c3BhbiBzbG90PSJ0aXRsZSI-U2hhZG93IERPTSBTbG90IEV4YW1wbGU8L3NwYW4-CjwvZGl2PgoKPHNjcmlwdD4KICBjb25zdCBzbG90SG9zdCA9IGRvY3VtZW50LmdldEVsZW1lbnRCeUlkKCdzbG90LWhvc3QnKTsKICBjb25zdCBzaGFkb3dSb290ID0gc2xvdEhvc3QuYXR0YWNoU2hhZG93KHsgbW9kZTogJ29wZW4nIH0pOwoKICBzaGFkb3dSb290LmlubmVySFRNTCA9IGAKICAgIDxzdHlsZT4KICAgICAgLmNvbnRhaW5lciB7CiAgICAgICAgYm9yZGVyOiAxcHggc29saWQgI2NjYzsKICAgICAgICBwYWRkaW5nOiAxMHB4OwogICAgICB9CiAgICA8L3N0eWxlPgogICAgPGRpdiBjbGFzcz0iY29udGFpbmVyIj4KICAgICAgPGgxPjxzbG90IG5hbWU9InRpdGxlIj48L3Nsb3Q-PC9oMT4KICAgICAgPHA-VGhpcyBpcyBhIFNoYWRvdyBET00gY29tcG9uZW50IHdpdGggYSBzbG90IGZvciB0aGUgdGl0bGUuPC9wPgogICAgPC9kaXY-CiAgYDsKPC9zY3JpcHQ-&lang=html
Provalo tu stesso »https://it.w3docs.com/tools/editor#code=PGRpdiBpZD0iaW50ZXJhY3RpdmUtaG9zdCI-PC9kaXY-Cgo8c2NyaXB0PgogIGNvbnN0IGludGVyYWN0aXZlSG9zdCA9IGRvY3VtZW50LmdldEVsZW1lbnRCeUlkKCdpbnRlcmFjdGl2ZS1ob3N0Jyk7CiAgY29uc3Qgc2hhZG93Um9vdCA9IGludGVyYWN0aXZlSG9zdC5hdHRhY2hTaGFkb3coeyBtb2RlOiAnb3BlbicgfSk7CgogIHNoYWRvd1Jvb3QuaW5uZXJIVE1MID0gYAogICAgPGJ1dHRvbiBpZD0ic2hhZG93LWJ0biI-Q2xpY2sgbWU8L2J1dHRvbj4KICBgOwoKICBjb25zdCBzaGFkb3dCdXR0b24gPSBzaGFkb3dSb290LnF1ZXJ5U2VsZWN0b3IoJyNzaGFkb3ctYnRuJyk7CiAgc2hhZG93QnV0dG9uLmFkZEV2ZW50TGlzdGVuZXIoJ2NsaWNrJywgKCkgPT4gewogICAgYWxlcnQoJ0J1dHRvbiBpbnNpZGUgU2hhZG93IERPTSBjbGlja2VkIScpOwogIH0pOwo8L3NjcmlwdD4&lang=html
Provalo tu stesso »https://it.w3docs.com/tools/editor#code=PGJvZHk-CiAgPGN1c3RvbS1jYXJkIHRpdGxlPSJIZWxsbyBXb3JsZCI-PC9jdXN0b20tY2FyZD4KCiAgPHNjcmlwdD4KICAgIGNsYXNzIEN1c3RvbUNhcmQgZXh0ZW5kcyBIVE1MRWxlbWVudCB7CiAgICAgIGNvbnN0cnVjdG9yKCkgewogICAgICAgIHN1cGVyKCk7CiAgICAgICAgY29uc3Qgc2hhZG93Um9vdCA9IHRoaXMuYXR0YWNoU2hhZG93KHsgbW9kZTogJ29wZW4nIH0pOwogICAgICAgIHNoYWRvd1Jvb3QuaW5uZXJIVE1MID0gYAogICAgICAgICAgPHN0eWxlPgogICAgICAgICAgICAuY2FyZCB7CiAgICAgICAgICAgICAgcGFkZGluZzogMTBweDsKICAgICAgICAgICAgICBib3JkZXI6IDFweCBzb2xpZCAjZGRkOwogICAgICAgICAgICAgIGJvcmRlci1yYWRpdXM6IDVweDsKICAgICAgICAgICAgICBib3gtc2hhZG93OiAwIDJweCA1cHggcmdiYSgwLDAsMCwwLjIpOwogICAgICAgICAgICB9CiAgICAgICAgICAgIC5jYXJkLXRpdGxlIHsKICAgICAgICAgICAgICBmb250LXNpemU6IDEuMmVtOwogICAgICAgICAgICAgIG1hcmdpbi1ib3R0b206IDVweDsKICAgICAgICAgICAgfQogICAgICAgICAgPC9zdHlsZT4KICAgICAgICAgIDxkaXYgY2xhc3M9ImNhcmQiPgogICAgICAgICAgICA8ZGl2IGNsYXNzPSJjYXJkLXRpdGxlIj4ke3RoaXMuZ2V0QXR0cmlidXRlKCd0aXRsZScpfTwvZGl2PgogICAgICAgICAgICA8ZGl2IGNsYXNzPSJjYXJkLWNvbnRlbnQiPjxzbG90Pjwvc2xvdD48L2Rpdj4KICAgICAgICAgIDwvZGl2PgogICAgICAgIGA7CiAgICAgIH0KICAgIH0KCiAgICBjdXN0b21FbGVtZW50cy5kZWZpbmUoJ2N1c3RvbS1jYXJkJywgQ3VzdG9tQ2FyZCk7CiAgPC9zY3JpcHQ-CjwvYm9keT4&lang=html
elementi personalizzatihttps://it.w3docs.com/learn-javascript/custom-elements
elemento