GennadySht
/
HomeWork


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172
							<header>
    <h1>Html tree</h1>
</header>

<body>
    <script>
        html =
        {
            "tagName": "body",
            "children": [
                {
                    "tagname": "div",
                    "children": [
                        {
                            "tagName": "span",
                            "children": [
                                "Enter a data please:"
                            ],
                        },
                        {
                            "tagName": "br"
                        },
                        {
                            "tagName": "input",
                            "attrs": {
                                "type": "text",
                                "id": "name"
                            }
                        },
                        {
                            "tagName": "input",
                            "attrs": {
                                "type": "text",
                                "id": "surname"
                            }
                        }
                    ]
                },
                {
                    "tagName": "div",
                    "children": [
                        {
                            "tagName": "button",
                            "attrs": {
                                "id": "ok"
                            },
                            "children": [
                                "OK"
                            ]
                        },
                        {
                            "tagName": "button",
                            "attrs": {
                                "id": "cancel"
                            },
                            "children": [
                                "Cancel"
                            ]
                        }
                    ]
                }
            ]
        };


        alert(html.children[1].children[1].children[0]);
        //'Cancel'
        alert(html.children[0].children[3].attrs.id);
        //'surname'
    </script>

</body>