The Shadow DOM specification (http://dvcs.w3.org/hg/webcomponents/raw-file/tip/spec/shadow/index.html) defines interface ShadowAware as: 10.2.1 ShadowAware Attributes pseudo of type DOMString Represents the custom pseudo-element value, associated with the element. On getting, the attribute must return the current custom pseudo-element value or empty string if there is no custom pseudo-element associated with this element. On setting, these steps must be run: If the custom pseudo-element, associated with this element already exists, discard it If the new value is not null, create a new custom pseudo-element with element and the new value as its value. shadowRoot of type ShadowRoot Represents the top shadow tree in the "as rendered" structure. On getting, the attribute must return the youngest tree that has the context object as its shadow host, or null if no such shadow tree is accesible. For HTML elements, the UA-provided shadow trees must not be accessible. However, the following sample test shows, that attribute ShadowAware.shadowRoot always equal to undefined value. <html> <head> <script> function test(){ var host = document.createElement('div'); document.body.appendChild(host); document.write('host.shadowRoot: '+host.shadowRoot+' (should be null)<BR>'); document.write('created shadow root<BR>'); var shadowRoot = host.webkitCreateShadowRoot(); document.write('host.shadowRoot: '+host.shadowRoot+' (should be '+shadowRoot+')<BR>'); } </script> </head> <body onload='test()'> </body> <html> Observed on Google Chrome version 26.0.1383.0 canary
We're using prefixed version of API, so host.webkitShadowRoot should work. http://jsfiddle.net/dXu4k/
Closing - The property is there with a prefixed form.