blob: 218da0044775246f2da8e41eab7c5f58833a58c5 [file] [log] [blame]
{
"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": []
}