用原生 JS 实现 innerHTML 功能实例详解

时间:2024-02-09 11:42:08
【文件属性】:

文件名称:用原生 JS 实现 innerHTML 功能实例详解

文件大小:366KB

文件格式:PDF

更新时间:2024-02-09 11:42:08

dom html代码 IN

都知道浏览器和服务端是通过 HTTP 协议进行数据传输的,而 HTTP 协议又是纯文本协议,那么浏览器在得到服务端传输过来的 HTML 字符串,是如何解析成真实的 DOM 元素的呢,也就是我们常说的生成 DOM Tree,最近了解到状态机这样一个概念,于是就萌生一个想法,实现一个 innerHTML 功能的函数,也算是小小的实践一下。 函数原型 我们实现一个如下的函数,参数是 DOM 元素和 HTML 字符串,将 HTML 字符串转换成真实的 DOM 元素且 append 在参数一传入的 DOM 元素中。 function html(element, htmlString) { // 1


网友评论