解析HTML Token
- - - -?HTMLTreeBuilder::processToken ? 解析Token
- - - - ? ? ? ? HTMLTreeBuilder::processStartTag ? （解析到開始標簽）
- - - - ? ? ? ? ? ? ? ??HTMLConstructionSite::insertHTMLHtmlStartTagBeforeHTML
- - - - ? ? ? ? ? ? ? ? ? ? ? ??HTMLConstructionSite::attach
- - - - ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ??ContainerNode::parserAddChild
- - - - ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ??Element::attach HTML
- - - - ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? 。。。。。。
- - - - ? ? ? ? ? ? ? ??HTMLConstructionSite::insertHTMLHeadElement ?head
- - - - ? ? ? ? ? ? ? ? ? ? ? ??HTMLConstructionSite::createHTMLElement ?head
- - - - ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ??HTMLElementFactory::createHTMLElement ?head
- - - - ? ? ? ? ? ? ? ? ? ? ? ??HTMLConstructionSite::attach
- - - - ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ??ContainerNode::parserAddChild
- - - - ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ??Element::attach ?HEAD
- - - - ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? 。。。。。。
- - - - ? ? ? ? ? ? ? ??HTMLConstructionSite::insertHTMLBodyElement ?body
- - - - ? ? ? ? ? ? ? ? ? ? ? ??HTMLConstructionSite::createHTMLElement ?body
- - - - ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ??HTMLElementFactory::createHTMLElement ?body
- - - - ? ? ? ? ? ? ? ? ? ? ? ??HTMLConstructionSite::attach
- - - - ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ??ContainerNode::parserAddChild
- - - - ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ??Element::attach ?BODY
- - - - ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? 。。。。。。
- - - - ? ? ? ? ? ? ? ??HTMLConstructionSite::insertHTMLElement ?div
- - - - ? ? ? ? ? ? ? ? ? ? ? ??HTMLConstructionSite::createHTMLElement ?div ? ? ?創建Node結點
- - - - ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ??HTMLElementFactory::createHTMLElement ?div
- - - - ? ? ? ? ? ? ? ? ? ? ? ??HTMLConstructionSite::attach
- - - - ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ??ContainerNode::parserAddChild ? ? ? ? ? ? ? ? ? ? ?加入DOM樹
- - - - ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ??Element::attach DIV ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?attach渲染
- - - - ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ??Node::createRendererIfNeeded ?DIV
- - - - ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ??Node::createRendererAndStyle ?DIV
- - - - ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ??Node::styleForRenderer DIV
- - - - ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ??CSSStyleSelector::styleForElement ?DIV ?CSS選擇器創建RenderStyle
- - - - ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ??RenderStyle::create
- - - - ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ??Node*->createRenderer ?DIV ? ?創建RenderObject
- - - - ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ??Node::setRenderer ?DIV ? ? ? ? ? ?保存RenderObejct指針->Node結點
- - - - ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ??RenderObject::setAnimatableStyle ?DIV
- - - - ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ??RenderObject::setStyle ? ? ? 保存RenderStyle指針 ?->RenderObject結點
- - - - ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?parentNode.RenderObject::addChild ? ?加入Render樹
- - - - ? ? ? ? ? ? ? ??HTMLConstructionSite::insertHTMLElement ? ?。。
- - - - ? ? ? ? ? ? ? ? ? ? ? ? 。。。。。。
- - - - ? ? ? ??HTMLTreeBuilder::processCharacter ? （解析到Text）
- - - - ? ? ? ? ? ? ? ??HTMLConstructionSite::insertTextNode
- - - - ? ? ? ? ? ? ? ? ? ? ? ??Text::create ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?創建Text結點
- - - - ? ? ? ? ? ? ? ? ? ? ? ??HTMLConstructionSite::attachAtSite
- - - - ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ??ContainerNode::parserAddChild ? ? ? ? ? ? ? ? ? ? ?加入DOM樹
- - - - ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ??Text::attach ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?attach渲染
- - - - ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ??Node::createRendererIfNeeded ?#text
- - - - ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ??Node::createRendererAndStyle ?#text
- - - - ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ??Node::styleForRenderer ?#text
- - - - ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ??parentNode.RenderObject.RenderStyle ?繼承父節點的RenderStyle
- - - - ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ??Node*->createRenderer ?#text? ?創建RenderObject
- - - - ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ??Node::setRenderer ?#text? ? ? ? ? ?保存RenderObejct指針->Node結點
- - - - ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ??RenderObject::setAnimatableStyle ?#text
- - - - ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ??RenderObject::setStyle ? ? ? 保存RenderStyle指針 ->RenderObject結點
- - - - ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?parentNode.RenderObject::addChild ? ?加入Render樹
- - - - ? ? ? ??HTMLTreeBuilder::processComment ?（解析到注釋）
- - - -
- - - -
- - - -
- - - -
- - - -
- - - -
- - - -
- - - -
- - - -
- - - -
- - - -
- - - -
- - - -
- - - -
- - - -
- - - -
- - - -
- - - -
- - - -
- - - -
- - - -
- - - -
- - - -
- - - -
- - - -
- - - -
- - - -
- - - -
- - - -
- - - -

總結

以上是生活随笔為你收集整理的DOM树和Render树的创建的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。