b:["$","div",null,{"className":"code-wrapper border my-4 border-gray-200 rounded overflow-hidden","children":[null,["$","div",null,{"className":"code-base html","children":[false,["$","pre",null,{"data-theme":"github-from-css","data-lang":"html","ref":"$undefined","data-ch":true,"children":["$","div",null,{"style":{"minWidth":"fit-content"},"children":[["$","div","1,1",{"style":{"borderLeft":"solid 2px transparent","borderLeftColor":"$undefined","backgroundColor":"$undefined"},"className":"flex","children":["$","div",null,{"className":"flex items-center","children":[["$","span",null,{"className":"line-number px-4 text-gray-400 text-xs select-none","children":["$","span",null,{"children":[1,["$","span",null,{"className":"invisible","children":"0"}]]}]}],["$","div",null,{"children":[["$","span","0",{"style":{"color":"var(--ch-4)"},"children":""}],"\n"],"className":"px-2 flex-1 flex-1 pl-2"}]]}]}],["$","div","2,2",{"style":{"borderLeft":"solid 2px transparent","borderLeftColor":"$undefined","backgroundColor":"$undefined"},"className":"flex","children":["$","div",null,{"className":"flex items-center","children":[["$","span",null,{"className":"line-number px-4 text-gray-400 text-xs select-none","children":["$","span",null,{"children":[2,["$","span",null,{"className":"invisible","children":"0"}]]}]}],["$","div",null,{"children":[["$","span","0",{"style":{"color":"var(--ch-4)"},"children":"<"}],["$","span","1",{"style":{"color":"var(--ch-6)"},"children":"html"}],["$","span","2",{"style":{"color":"var(--ch-4)"},"children":">"}],"\n"],"className":"px-2 flex-1 flex-1 pl-2"}]]}]}],["$","div","3,3",{"style":{"borderLeft":"solid 2px transparent","borderLeftColor":"$undefined","backgroundColor":"$undefined"},"className":"flex","children":["$","div",null,{"className":"flex items-center","children":[["$","span",null,{"className":"line-number px-4 text-gray-400 text-xs select-none","children":["$","span",null,{"children":[3,["$","span",null,{"className":"invisible","children":"0"}]]}]}],["$","div",null,{"children":["\n"],"className":"px-2 flex-1 flex-1 pl-2"}]]}]}],["$","div","4,4",{"style":{"borderLeft":"solid 2px transparent","borderLeftColor":"$undefined","backgroundColor":"$undefined"},"className":"flex","children":["$","div",null,{"className":"flex items-center","children":[["$","span",null,{"className":"line-number px-4 text-gray-400 text-xs select-none","children":["$","span",null,{"children":[4,["$","span",null,{"className":"invisible","children":"0"}]]}]}],["$","div",null,{"children":[["$","span","0",{"style":{"color":"var(--ch-4)"},"children":"<"}],["$","span","1",{"style":{"color":"var(--ch-6)"},"children":"head"}],["$","span","2",{"style":{"color":"var(--ch-4)"},"children":">"}],"\n"],"className":"px-2 flex-1 flex-1 pl-2"}]]}]}],["$","div","5,5",{"style":{"borderLeft":"solid 2px transparent","borderLeftColor":"$undefined","backgroundColor":"$undefined"},"className":"flex","children":["$","div",null,{"className":"flex items-center","children":[["$","span",null,{"className":"line-number px-4 text-gray-400 text-xs select-none","children":["$","span",null,{"children":[5,["$","span",null,{"className":"invisible","children":"0"}]]}]}],["$","div",null,{"children":[" ",["$","span","1",{"style":{"color":"var(--ch-4)"},"children":"<"}],["$","span","2",{"style":{"color":"var(--ch-6)"},"children":"meta"}]," ",["$","span","4",{"style":{"color":"var(--ch-2)"},"children":"charset"}],["$","span","5",{"style":{"color":"var(--ch-4)"},"children":"="}],["$","span","6",{"style":{"color":"var(--ch-8)"},"children":"\"UTF-8\""}],["$","span","7",{"style":{"color":"var(--ch-4)"},"children":">"}],"\n"],"className":"px-2 flex-1 flex-1 pl-2"}]]}]}],["$","div","6,6",{"style":{"borderLeft":"solid 2px transparent","borderLeftColor":"$undefined","backgroundColor":"$undefined"},"className":"flex","children":["$","div",null,{"className":"flex items-center","children":[["$","span",null,{"className":"line-number px-4 text-gray-400 text-xs select-none","children":["$","span",null,{"children":[6,["$","span",null,{"className":"invisible","children":"0"}]]}]}],["$","div",null,{"children":[" ",["$","span","1",{"style":{"color":"var(--ch-4)"},"children":"<"}],["$","span","2",{"style":{"color":"var(--ch-6)"},"children":"title"}],["$","span","3",{"style":{"color":"var(--ch-4)"},"children":">DOM 渲染是否异步"}],"\n"],"className":"px-2 flex-1 flex-1 pl-2"}]]}]}],["$","div","7,7",{"style":{"borderLeft":"solid 2px transparent","borderLeftColor":"$undefined","backgroundColor":"$undefined"},"className":"flex","children":["$","div",null,{"className":"flex items-center","children":[["$","span",null,{"className":"line-number px-4 text-gray-400 text-xs select-none","children":["$","span",null,{"children":[7,["$","span",null,{"className":"invisible","children":"0"}]]}]}],["$","div",null,{"children":[["$","span","0",{"style":{"color":"var(--ch-4)"},"children":""}],"\n"],"className":"px-2 flex-1 flex-1 pl-2"}]]}]}],["$","div","8,8",{"style":{"borderLeft":"solid 2px transparent","borderLeftColor":"$undefined","backgroundColor":"$undefined"},"className":"flex","children":["$","div",null,{"className":"flex items-center","children":[["$","span",null,{"className":"line-number px-4 text-gray-400 text-xs select-none","children":["$","span",null,{"children":[8,["$","span",null,{"className":"invisible","children":"0"}]]}]}],["$","div",null,{"children":["\n"],"className":"px-2 flex-1 flex-1 pl-2"}]]}]}],["$","div","9,9",{"style":{"borderLeft":"solid 2px transparent","borderLeftColor":"$undefined","backgroundColor":"$undefined"},"className":"flex","children":["$","div",null,{"className":"flex items-center","children":[["$","span",null,{"className":"line-number px-4 text-gray-400 text-xs select-none","children":["$","span",null,{"children":[9,["$","span",null,{"className":"invisible","children":"0"}]]}]}],["$","div",null,{"children":[["$","span","0",{"style":{"color":"var(--ch-4)"},"children":"<"}],["$","span","1",{"style":{"color":"var(--ch-6)"},"children":"body"}],["$","span","2",{"style":{"color":"var(--ch-4)"},"children":">"}],"\n"],"className":"px-2 flex-1 flex-1 pl-2"}]]}]}],["$","div","10,10",{"style":{"borderLeft":"solid 2px transparent","borderLeftColor":"$undefined","backgroundColor":"$undefined"},"className":"flex","children":["$","div",null,{"className":"flex items-center","children":[["$","span",null,{"className":"line-number px-4 text-gray-400 text-xs select-none","children":["$","span",null,{"children":[10,["$","span",null,{"className":"invisible","children":""}]]}]}],["$","div",null,{"children":[" ",["$","span","1",{"style":{"color":"var(--ch-4)"},"children":"<"}],["$","span","2",{"style":{"color":"var(--ch-6)"},"children":"div"}]," ",["$","span","4",{"style":{"color":"var(--ch-2)"},"children":"id"}],["$","span","5",{"style":{"color":"var(--ch-4)"},"children":"="}],["$","span","6",{"style":{"color":"var(--ch-8)"},"children":"\"d\""}],["$","span","7",{"style":{"color":"var(--ch-4)"},"children":">默认文本"}],"\n"],"className":"px-2 flex-1 flex-1 pl-2"}]]}]}],["$","div","11,11",{"style":{"borderLeft":"solid 2px transparent","borderLeftColor":"$undefined","backgroundColor":"$undefined"},"className":"flex","children":["$","div",null,{"className":"flex items-center","children":[["$","span",null,{"className":"line-number px-4 text-gray-400 text-xs select-none","children":["$","span",null,{"children":[11,["$","span",null,{"className":"invisible","children":""}]]}]}],["$","div",null,{"children":[" ",["$","span","1",{"style":{"color":"var(--ch-4)"},"children":"<"}],["$","span","2",{"style":{"color":"var(--ch-6)"},"children":"script"}],["$","span","3",{"style":{"color":"var(--ch-4)"},"children":">"}],"\n"],"className":"px-2 flex-1 flex-1 pl-2"}]]}]}],["$","div","12,12",{"style":{"borderLeft":"solid 2px transparent","borderLeftColor":"$undefined","backgroundColor":"$undefined"},"className":"flex","children":["$","div",null,{"className":"flex items-center","children":[["$","span",null,{"className":"line-number px-4 text-gray-400 text-xs select-none","children":["$","span",null,{"children":[12,["$","span",null,{"className":"invisible","children":""}]]}]}],["$","div",null,{"children":[" ",["$","span","1",{"style":{"color":"var(--ch-4)"},"children":"d."}],["$","span","2",{"style":{"color":"var(--ch-5)"},"children":"onclick"}]," ",["$","span","4",{"style":{"color":"var(--ch-7)"},"children":"= function"}]," ",["$","span","6",{"style":{"color":"var(--ch-4)"},"children":"() {"}],"\n"],"className":"px-2 flex-1 flex-1 pl-2"}]]}]}],["$","div","13,13",{"style":{"borderLeft":"solid 2px transparent","borderLeftColor":"$undefined","backgroundColor":"$undefined"},"className":"flex","children":["$","div",null,{"className":"flex items-center","children":[["$","span",null,{"className":"line-number px-4 text-gray-400 text-xs select-none","children":["$","span",null,{"children":[13,["$","span",null,{"className":"invisible","children":""}]]}]}],["$","div",null,{"children":[" ",["$","span","1",{"style":{"color":"var(--ch-4)"},"children":"console."}],["$","span","2",{"style":{"color":"var(--ch-5)"},"children":"log"}],["$","span","3",{"style":{"color":"var(--ch-4)"},"children":"("}],["$","span","4",{"style":{"color":"var(--ch-8)"},"children":"'开始更改DOM'"}],["$","span","5",{"style":{"color":"var(--ch-4)"},"children":")"}],"\n"],"className":"px-2 flex-1 flex-1 pl-2"}]]}]}],["$","div","14,14",{"style":{"borderLeft":"solid 2px transparent","borderLeftColor":"$undefined","backgroundColor":"$undefined"},"className":"flex","children":["$","div",null,{"className":"flex items-center","children":[["$","span",null,{"className":"line-number px-4 text-gray-400 text-xs select-none","children":["$","span",null,{"children":[14,["$","span",null,{"className":"invisible","children":""}]]}]}],["$","div",null,{"children":[" ",["$","span","1",{"style":{"color":"var(--ch-2)"},"children":"this"}],["$","span","2",{"style":{"color":"var(--ch-4)"},"children":".innerHTML"}]," ",["$","span","4",{"style":{"color":"var(--ch-7)"},"children":"="}]," ",["$","span","6",{"style":{"color":"var(--ch-8)"},"children":"\"往div里添加的新文本\""}],["$","span","7",{"style":{"color":"var(--ch-4)"},"children":";"}],["$","span","8",{"style":{"color":"var(--ch-1)"},"children":"//更改一个节点"}],"\n"],"className":"px-2 flex-1 flex-1 pl-2"}]]}]}],["$","div","15,15",{"style":{"borderLeft":"solid 2px transparent","borderLeftColor":"$undefined","backgroundColor":"$undefined"},"className":"flex","children":["$","div",null,{"className":"flex items-center","children":[["$","span",null,{"className":"line-number px-4 text-gray-400 text-xs select-none","children":["$","span",null,{"children":[15,["$","span",null,{"className":"invisible","children":""}]]}]}],["$","div",null,{"children":[" ",["$","span","1",{"style":{"color":"var(--ch-4)"},"children":"console."}],["$","span","2",{"style":{"color":"var(--ch-5)"},"children":"log"}],["$","span","3",{"style":{"color":"var(--ch-4)"},"children":"("}],["$","span","4",{"style":{"color":"var(--ch-8)"},"children":"'DOM 更改完毕'"}],["$","span","5",{"style":{"color":"var(--ch-4)"},"children":")"}],"\n"],"className":"px-2 flex-1 flex-1 pl-2"}]]}]}],["$","div","16,16",{"style":{"borderLeft":"solid 2px transparent","borderLeftColor":"$undefined","backgroundColor":"$undefined"},"className":"flex","children":["$","div",null,{"className":"flex items-center","children":[["$","span",null,{"className":"line-number px-4 text-gray-400 text-xs select-none","children":["$","span",null,{"children":[16,["$","span",null,{"className":"invisible","children":""}]]}]}],["$","div",null,{"children":[" ",["$","span","1",{"style":{"color":"var(--ch-4)"},"children":"document.body."}],["$","span","2",{"style":{"color":"var(--ch-5)"},"children":"appendChild"}],["$","span","3",{"style":{"color":"var(--ch-4)"},"children":"(document."}],["$","span","4",{"style":{"color":"var(--ch-5)"},"children":"createElement"}],["$","span","5",{"style":{"color":"var(--ch-4)"},"children":"("}],["$","span","6",{"style":{"color":"var(--ch-8)"},"children":"\"input\""}],["$","span","7",{"style":{"color":"var(--ch-4)"},"children":"));"}],["$","span","8",{"style":{"color":"var(--ch-1)"},"children":"//插入一个节点"}],"\n"],"className":"px-2 flex-1 flex-1 pl-2"}]]}]}],["$","div","17,17",{"style":{"borderLeft":"solid 2px transparent","borderLeftColor":"$undefined","backgroundColor":"$undefined"},"className":"flex","children":["$","div",null,{"className":"flex items-center","children":[["$","span",null,{"className":"line-number px-4 text-gray-400 text-xs select-none","children":["$","span",null,{"children":[17,["$","span",null,{"className":"invisible","children":""}]]}]}],["$","div",null,{"children":[" ",["$","span","1",{"style":{"color":"var(--ch-7)"},"children":"for"}]," ",["$","span","3",{"style":{"color":"var(--ch-4)"},"children":"("}],["$","span","4",{"style":{"color":"var(--ch-7)"},"children":"var"}]," ",["$","span","6",{"style":{"color":"var(--ch-4)"},"children":"i"}]," ",["$","span","8",{"style":{"color":"var(--ch-7)"},"children":"="}]," ",["$","span","10",{"style":{"color":"var(--ch-2)"},"children":"0"}],["$","span","11",{"style":{"color":"var(--ch-4)"},"children":"; i"}]," ",["$","span","13",{"style":{"color":"var(--ch-7)"},"children":"<"}]," ",["$","span","15",{"style":{"color":"var(--ch-2)"},"children":"10000000000"}],["$","span","16",{"style":{"color":"var(--ch-4)"},"children":"; i"}],["$","span","17",{"style":{"color":"var(--ch-7)"},"children":"++"}],["$","span","18",{"style":{"color":"var(--ch-4)"},"children":");"}],"\n"],"className":"px-2 flex-1 flex-1 pl-2"}]]}]}],["$","div","18,18",{"style":{"borderLeft":"solid 2px transparent","borderLeftColor":"$undefined","backgroundColor":"$undefined"},"className":"flex","children":["$","div",null,{"className":"flex items-center","children":[["$","span",null,{"className":"line-number px-4 text-gray-400 text-xs select-none","children":["$","span",null,{"children":[18,["$","span",null,{"className":"invisible","children":""}]]}]}],["$","div",null,{"children":[" ",["$","span","1",{"style":{"color":"var(--ch-4)"},"children":"console."}],["$","span","2",{"style":{"color":"var(--ch-5)"},"children":"log"}],["$","span","3",{"style":{"color":"var(--ch-4)"},"children":"("}],["$","span","4",{"style":{"color":"var(--ch-8)"},"children":"'xxxx'"}],["$","span","5",{"style":{"color":"var(--ch-4)"},"children":")"}],"\n"],"className":"px-2 flex-1 flex-1 pl-2"}]]}]}],["$","div","19,19",{"style":{"borderLeft":"solid 2px transparent","borderLeftColor":"$undefined","backgroundColor":"$undefined"},"className":"flex","children":["$","div",null,{"className":"flex items-center","children":[["$","span",null,{"className":"line-number px-4 text-gray-400 text-xs select-none","children":["$","span",null,{"children":[19,["$","span",null,{"className":"invisible","children":""}]]}]}],["$","div",null,{"children":[" ",["$","span","1",{"style":{"color":"var(--ch-4)"},"children":"}"}],"\n"],"className":"px-2 flex-1 flex-1 pl-2"}]]}]}],["$","div","20,20",{"style":{"borderLeft":"solid 2px transparent","borderLeftColor":"$undefined","backgroundColor":"$undefined"},"className":"flex","children":["$","div",null,{"className":"flex items-center","children":[["$","span",null,{"className":"line-number px-4 text-gray-400 text-xs select-none","children":["$","span",null,{"children":[20,["$","span",null,{"className":"invisible","children":""}]]}]}],["$","div",null,{"children":[" ",["$","span","1",{"style":{"color":"var(--ch-4)"},"children":""}],"\n"],"className":"px-2 flex-1 flex-1 pl-2"}]]}]}],["$","div","21,21",{"style":{"borderLeft":"solid 2px transparent","borderLeftColor":"$undefined","backgroundColor":"$undefined"},"className":"flex","children":["$","div",null,{"className":"flex items-center","children":[["$","span",null,{"className":"line-number px-4 text-gray-400 text-xs select-none","children":["$","span",null,{"children":[21,["$","span",null,{"className":"invisible","children":""}]]}]}],["$","div",null,{"children":[["$","span","0",{"style":{"color":"var(--ch-4)"},"children":""}],"\n"],"className":"px-2 flex-1 flex-1 pl-2"}]]}]}],["$","div","22,22",{"style":{"borderLeft":"solid 2px transparent","borderLeftColor":"$undefined","backgroundColor":"$undefined"},"className":"flex","children":["$","div",null,{"className":"flex items-center","children":[["$","span",null,{"className":"line-number px-4 text-gray-400 text-xs select-none","children":["$","span",null,{"children":[22,["$","span",null,{"className":"invisible","children":""}]]}]}],["$","div",null,{"children":[["$","span","0",{"style":{"color":"var(--ch-4)"},"children":""}]],"className":"px-2 flex-1 flex-1 pl-2"}]]}]}]]}]}]]}]]}]