
{
    "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": []
}