{"json_modified": "2016-10-22T05:00:43.907909", "uuid": "385667c5-a30e-47d4-9d66-14a93a0ee354", "title": "Shadow DOM", "url": "/en-US/docs/Web/Web_Components/Shadow_DOM", "tags": ["web components", "Web Components"], "translations": [{"uuid": "a1ff7e29-1def-4bb6-b02e-b4d382ffe516", "title": "Shadow DOM", "url": "/fr/docs/Web/Web_Components/Shadow_DOM", "tags": [], "summary": "Le Shadow DOM permet d'encapsuler du JavaScript, CSS, et de r\u00e9aliser des templates au sein d'un <a href=\"/fr/docs/Web/Web_Components\">Web Component</a>. Le Shadow DOM vise \u00e0 s\u00e9parer le DOM du document principal. Le Shadow DOM est utilisable seul, en dehors du Web component.", "localization_tags": ["inprogress"], "locale": "fr", "last_edit": "2016-10-15T07:06:29", "review_tags": []}, {"uuid": "e9cd8347-5497-4259-acee-f531792f8a23", "title": "Shadow DOM", "url": "/ko/docs/Web/Web_Components/Shadow_DOM", "tags": ["web components", "Web Components"], "summary": "Shadow DOM\uc740\u00a0<a href=\"/en-US/docs/Web/Web_Components\">\uc6f9 \ucef4\ud3ec\ub10c\ud2b8 \ub0b4\uc5d0 \uc874\uc7ac\ud558\ub294</a>\u00a0JavaScript, CSS, \ud15c\ud50c\ub9bf \ucf54\ub4dc\ub97c \ucea1\uc290\ud654 \uc2dc\ud0ac \uc218 \uc788\ub294 \uae30\ub2a5\uc744 \uac00\uc9c0\uace0 \uc788\uc2b5\ub2c8\ub2e4.\u00a0\u00a0Shadow DOM\u00a0\ub355\ubd84\uc5d0 \uc774 \ucf54\ub4dc\ub4e4\uc744\u00a0\uba54\uc778 \ubb38\uc11c\uc758\u00a0DOM\uc5d0\uc11c\u00a0\ubd84\ub9ac\ud560\u00a0\uc218 \uc788\uc2b5\ub2c8\ub2e4. \uc6f9 \ucef4\ud3ec\ub10c\ud2b8\uc640 \ubb34\uad00\ud558\uac8c Shadow DOM \ub9cc \ub530\ub85c \uc0ac\uc6a9\ud560 \uc218\ub3c4 \uc788\uc2b5\ub2c8\ub2e4.", "localization_tags": ["inprogress"], "locale": "ko", "last_edit": "2016-10-22T05:00:37", "review_tags": []}, {"uuid": "d0533c70-7185-45e6-a334-08d9e40ec19b", "title": "\u5f71\u5b50DOM\uff08Shadow DOM\uff09", "url": "/zh-CN/docs/Web/Web_Components/%E5%BD%B1%E5%AD%90_DOM", "tags": [], "summary": "\u5f71\u5b50DOM\u5c01\u88c5\u4e86\u00a0<a href=\"/en-US/docs/Web/Web_Components\">Web Component</a>\u00a0\u4e2d\u7684 JavaScript\u3001CSS\u4ee5\u53ca\u6a21\u677f\u3002\u00a0\u5f71\u5b50DOM\u8ba9\u8fd9\u4e9b\u5185\u5bb9\u548c\u4e3bdocument\u7684DOM\u5206\u79bb\u3002\u5f71\u5b50DOM\u80fd\u8131\u79bb\u4e00\u4e2a web component \u5355\u72ec\u4f7f\u7528\u3002", "localization_tags": [], "locale": "zh-CN", "last_edit": "2016-07-16T04:34:36", "review_tags": []}], "modified": "2016-10-21T13:42:05", "label": "Shadow DOM", "localization_tags": [], "locale": "en-US", "id": 126877, "last_edit": "2016-10-21T13:41:57", "summary": "Shadow DOM provides encapsulation for the JavaScript, CSS, and templating in a <a href=\"/en-US/docs/Web/Web_Components\">Web Component</a>. Shadow DOM makes it\u00a0so these things\u00a0remain separate from the DOM of the main document. You can also use Shadow DOM by itself, outside of a web component.", "sections": [{"id": "Basic_Shadow_DOM", "title": "Basic Shadow DOM"}, {"id": "Styling_Shadow_DOM", "title": "Styling Shadow DOM"}, {"id": "The_parts_of_Shadow_DOM", "title": "The parts of Shadow DOM"}, {"id": "Interfaces", "title": "Interfaces"}, {"id": "Specifications", "title": "Specifications"}, {"id": "Browser_compatibility", "title": "Browser compatibility"}], "slug": "Web/Web_Components/Shadow_DOM", "review_tags": []}