有没有一种简单地重置DOM的方法？

<button onclick="window.location.reload()">刷新页面</button>

function resetDOM() {
    // 获取需要重置的容器
    const container = document.getElementById('content');
    
    // 清空容器
    while (container.firstChild) {
        container.removeChild(container.firstChild);
    }
    
    // 重新创建内容
    const newContent = document.createElement('div');
    newContent.innerHTML = '<p>这是新的内容</p>';
    container.appendChild(newContent);
}

// 绑定到按钮点击事件
document.getElementById('resetButton').addEventListener('click', resetDOM);

import React, { useState } from 'react';

function App() {
    const [content, setContent] = useState('<p>初始内容</p>');

    const resetContent = () => {
        setContent('<p>新的内容</p>');
    };

    return (
        <div>
            <div dangerouslySetInnerHTML={{ __html: content }} />
            <button onClick={resetContent}>重置内容</button>
        </div>
    );
}

export default App;

<template>
  <div>
    <div v-html="content"></div>
    <button @click="resetContent">重置内容</button>
  </div>
</template>

<script>
export default {
  data() {
    return {
      content: '<p>初始内容</p>'
    };
  },
  methods: {
    resetContent() {
      this.content = '<p>新的内容</p>';
    }
  }
};
</script>