虚拟DOM转换成真实DOM
创建一个虚拟DOM对象,例如:const vm = { template: '<div>Hello, World!</div>' }。
使用 DOMParser 解析虚拟DOM对象,例如:const parser = new DOMParser();。
将解析后的虚拟DOM对象转换为真实DOM树,例如:const doc = parser.parseFromString(vm.template, 'text/html');。
将真实DOM树插入到页面中,例如:const container = document.getElementById('container'); container.appendChild(doc.documentElement);。
更多:https://www.nowcoder.com/issue/tutorial?zhuanlanId=0DQQQm&uuid=d091ef94a0004d3cb88c814454c57a7c
使用 DOMParser 解析虚拟DOM对象,例如:const parser = new DOMParser();。
将解析后的虚拟DOM对象转换为真实DOM树,例如:const doc = parser.parseFromString(vm.template, 'text/html');。
将真实DOM树插入到页面中,例如:const container = document.getElementById('container'); container.appendChild(doc.documentElement);。
更多:https://www.nowcoder.com/issue/tutorial?zhuanlanId=0DQQQm&uuid=d091ef94a0004d3cb88c814454c57a7c
全部评论
相关推荐