下面这段代码，操作的是虚拟dom还是真实dom？

Question

<div id="app">    <button id="btn">change</button></div><script>    let el = document.querySelector("#app");    let fragment = document.createDocumentFragment();    let vDiv = document.createElement('div');    vDiv.textContent = 'init value';    fragment.appendChild(vDiv);    el.appendChild(fragment);    let btn = document.querySelector("#btn");    btn.onclick = function (e) {        vDiv.textContent = 'change';    }</script>上面代码中click事件中操作的div是一个虚拟dom还是一个真实dom，如果是虚拟dom的话，为什么改变虚拟dom的值，页面中真实dom的值也会发生变法？

Answer 1

你都createElement，当然是真实dom