| |
| { |
| "nodeId": 20, |
| "parentId": 15, |
| "backendNodeId": "<number>", |
| "nodeType": 1, |
| "nodeName": "BODY", |
| "localName": "body", |
| "nodeValue": "", |
| "childNodeCount": 1, |
| "children": [ |
| { |
| "nodeId": 21, |
| "parentId": 20, |
| "backendNodeId": "<number>", |
| "nodeType": 1, |
| "nodeName": "DIV", |
| "localName": "div", |
| "nodeValue": "", |
| "childNodeCount": 2, |
| "children": [ |
| { |
| "nodeId": 22, |
| "parentId": 21, |
| "backendNodeId": "<number>", |
| "nodeType": 1, |
| "nodeName": "DIV", |
| "localName": "div", |
| "nodeValue": "", |
| "childNodeCount": 1, |
| "children": [ |
| { |
| "nodeId": 23, |
| "parentId": 22, |
| "backendNodeId": "<number>", |
| "nodeType": 1, |
| "nodeName": "DIV", |
| "localName": "div", |
| "nodeValue": "", |
| "childNodeCount": 1, |
| "children": [ |
| { |
| "nodeId": 24, |
| "parentId": 23, |
| "backendNodeId": "<number>", |
| "nodeType": 1, |
| "nodeName": "IFRAME", |
| "localName": "iframe", |
| "nodeValue": "", |
| "childNodeCount": 0, |
| "children": [], |
| "attributes": [ |
| "src", |
| "resources/shadow-dom-iframe.html" |
| ], |
| "frameId": "???", |
| "contentDocument": { |
| "nodeId": 25, |
| "backendNodeId": "<number>", |
| "nodeType": 9, |
| "nodeName": "#document", |
| "localName": "", |
| "nodeValue": "", |
| "childNodeCount": 1, |
| "children": [ |
| { |
| "nodeId": 26, |
| "parentId": 25, |
| "backendNodeId": "<number>", |
| "nodeType": 1, |
| "nodeName": "HTML", |
| "localName": "html", |
| "nodeValue": "", |
| "childNodeCount": 2, |
| "children": [ |
| { |
| "nodeId": 27, |
| "parentId": 26, |
| "backendNodeId": "<number>", |
| "nodeType": 1, |
| "nodeName": "HEAD", |
| "localName": "head", |
| "nodeValue": "", |
| "childNodeCount": 0, |
| "children": [], |
| "attributes": [] |
| }, |
| { |
| "nodeId": 28, |
| "parentId": 26, |
| "backendNodeId": "<number>", |
| "nodeType": 1, |
| "nodeName": "BODY", |
| "localName": "body", |
| "nodeValue": "", |
| "childNodeCount": 2, |
| "children": [ |
| { |
| "nodeId": 29, |
| "parentId": 28, |
| "backendNodeId": "<number>", |
| "nodeType": 1, |
| "nodeName": "DIV", |
| "localName": "div", |
| "nodeValue": "", |
| "childNodeCount": 0, |
| "children": [], |
| "attributes": [ |
| "id", |
| "element_in_an_iframe" |
| ], |
| "shadowRoots": [ |
| { |
| "nodeId": 30, |
| "backendNodeId": "<number>", |
| "nodeType": 11, |
| "nodeName": "#document-fragment", |
| "localName": "", |
| "nodeValue": "", |
| "childNodeCount": 1, |
| "children": [ |
| { |
| "nodeId": 31, |
| "parentId": 30, |
| "backendNodeId": "<number>", |
| "nodeType": 1, |
| "nodeName": "DIV", |
| "localName": "div", |
| "nodeValue": "", |
| "childNodeCount": 1, |
| "children": [ |
| { |
| "nodeId": 32, |
| "parentId": 31, |
| "backendNodeId": "<number>", |
| "nodeType": 1, |
| "nodeName": "H1", |
| "localName": "h1", |
| "nodeValue": "", |
| "childNodeCount": 1, |
| "children": [ |
| { |
| "nodeId": 33, |
| "parentId": 32, |
| "backendNodeId": "<number>", |
| "nodeType": 3, |
| "nodeName": "#text", |
| "localName": "", |
| "nodeValue": "Hello from the shadow dom!" |
| } |
| ], |
| "attributes": [] |
| } |
| ], |
| "attributes": [ |
| "style", |
| "color: red;" |
| ] |
| } |
| ], |
| "shadowRootType": "open" |
| } |
| ] |
| }, |
| { |
| "nodeId": 34, |
| "parentId": 28, |
| "backendNodeId": "<number>", |
| "nodeType": 1, |
| "nodeName": "SCRIPT", |
| "localName": "script", |
| "nodeValue": "", |
| "childNodeCount": 1, |
| "children": [ |
| { |
| "nodeId": 35, |
| "parentId": 34, |
| "backendNodeId": "<number>", |
| "nodeType": 3, |
| "nodeName": "#text", |
| "localName": "", |
| "nodeValue": "\nfunction addShadowDOM() {\n var host = document.getElementById(\"element_in_an_iframe\").createShadowRoot();\n var template = document.querySelector(\"#shadow-template\");\n host.appendChild(template.content);\n template.remove();\n}\n" |
| } |
| ], |
| "attributes": [] |
| } |
| ], |
| "attributes": [ |
| "onload", |
| "addShadowDOM()" |
| ] |
| } |
| ], |
| "attributes": [], |
| "frameId": "???" |
| } |
| ], |
| "documentURL": "???", |
| "baseURL": "???", |
| "xmlVersion": "" |
| } |
| } |
| ], |
| "attributes": [ |
| "id", |
| "depth-3" |
| ] |
| } |
| ], |
| "attributes": [ |
| "id", |
| "depth-2" |
| ] |
| }, |
| { |
| "nodeId": 36, |
| "parentId": 21, |
| "backendNodeId": "<number>", |
| "nodeType": 1, |
| "nodeName": "DIV", |
| "localName": "div", |
| "nodeValue": "", |
| "childNodeCount": 0, |
| "children": [], |
| "attributes": [ |
| "id", |
| "targetDiv" |
| ] |
| } |
| ], |
| "attributes": [ |
| "id", |
| "depth-1" |
| ] |
| } |
| ], |
| "attributes": [] |
| } |
| |