{"action":"opened","issue":{"url":"https://api.github.com/repos/ythy/blog/issues/55","repository_url":"https://api.github.com/repos/ythy/blog","labels_url":"https://api.github.com/repos/ythy/blog/issues/55/labels{/name}","comments_url":"https://api.github.com/repos/ythy/blog/issues/55/comments","events_url":"https://api.github.com/repos/ythy/blog/issues/55/events","html_url":"https://github.com/ythy/blog/issues/55","id":309226482,"number":55,"title":"DOM Node","user":{"login":"ythy","id":12947776,"avatar_url":"https://avatars3.githubusercontent.com/u/12947776?v=4","gravatar_id":"","url":"https://api.github.com/users/ythy","html_url":"https://github.com/ythy","followers_url":"https://api.github.com/users/ythy/followers","following_url":"https://api.github.com/users/ythy/following{/other_user}","gists_url":"https://api.github.com/users/ythy/gists{/gist_id}","starred_url":"https://api.github.com/users/ythy/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/ythy/subscriptions","organizations_url":"https://api.github.com/users/ythy/orgs","repos_url":"https://api.github.com/users/ythy/repos","events_url":"https://api.github.com/users/ythy/events{/privacy}","received_events_url":"https://api.github.com/users/ythy/received_events","type":"User","site_admin":false},"labels":[{"id":815894028,"url":"https://api.github.com/repos/ythy/blog/labels/Browser","name":"Browser","color":"19d800","default":false},{"id":815997018,"url":"https://api.github.com/repos/ythy/blog/labels/HTML","name":"HTML","color":"bfd4f2","default":false}],"state":"open","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":0,"created_at":"2018-03-28T05:31:27Z","updated_at":"2018-03-28T05:31:27Z","closed_at":null,"author_association":"OWNER","body":"Take this HTML for example:\r\n```html\r\n<div>\r\n  <h1>My title</h1>\r\n  Some text content\r\n  <!-- TODO: Add tagline  -->\r\n</div>\r\n```\r\n\r\nWhen a browser reads this code, it builds a tree of “DOM nodes” to help it keep track of everything, just as you might build a family tree to keep track of your extended family.\r\n\r\nThe tree of DOM nodes for the HTML above looks like this:\r\n![](https://vuejs.org/images/dom-tree.png)\r\n\r\nEvery element is a node. Every piece of text is a node. Even comments are nodes! A node is just a piece of the page. And as in a family tree, each node can have children (i.e. each piece can contain other pieces)."}}
{"actor":{"display_login":"ythy"}}