下面這段代碼，操作的是虛擬dom還是真實(shí)dom？

<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還是一個真實(shí)dom，如果是虛擬dom的話，為什么改變虛擬dom的值，頁面中真實(shí)dom的值也會發(fā)生變法？