下面这段代码，操作的是虚拟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