尝试使用按钮将HTML加载到div中

将HTML加载到div中可以通过JavaScript来实现。以下是一个示例代码：

<!DOCTYPE html>
<html>
<head>
    <title>Load HTML into div</title>
    <script>
        function loadHTML() {
            var xhr = new XMLHttpRequest();
            xhr.onreadystatechange = function() {
                if (xhr.readyState === 4 && xhr.status === 200) {
                    document.getElementById("myDiv").innerHTML = xhr.responseText;
                }
            };
            xhr.open("GET", "example.html", true);
            xhr.send();
        }
    </script>
</head>
<body>
    <button onclick="loadHTML()">Load HTML</button>
    <div id="myDiv"></div>
</body>
</html>

上述代码中，我们创建了一个按钮和一个空的div元素。当按钮被点击时，JavaScript函数loadHTML()会被调用。该函数使用XMLHttpRequest对象发送GET请求来获取指定的HTML文件（这里假设为example.html），并将其内容赋值给div的innerHTML属性，从而将HTML加载到div中。

这种方法可以用于动态加载HTML内容，例如在单页应用中加载不同的页面内容，或者通过AJAX从服务器获取HTML片段等。

请注意，这只是一个简单的示例，实际应用中可能需要处理更多的错误和边界情况。