js//案例 //<div class="box"></div> //有两个按钮 <a href="#">点击输出h1标签</a> // <a href="#">点击输出img标签</a> //点击相应的按钮，完成对应标签的输出，在box盒子中进行输出

可以使用如下代码实现：

<div class="box"></div>
<a href="#" id="h1-btn">点击输出h1标签</a>
<a href="#" id="img-btn">点击输出img标签</a>

<script>
  const box = document.querySelector('.box');
  const h1Btn = document.querySelector('#h1-btn');
  const imgBtn = document.querySelector('#img-btn');

  h1Btn.addEventListener('click', () => {
    box.innerHTML = '<h1>Hello World!</h1>';
  });

  imgBtn.addEventListener('click', () => {
    box.innerHTML = '<img src="https://picsum.photos/200/300">';
  });
</script>

首先我们在 HTML 中定义了一个空的 `box` 盒子和两个按钮，分别有对应的 ID。

然后在 JavaScript 中，我们使用 `document.querySelector` 方法获取到这些元素，并添加了两个点击事件监听器。

当用户点击 `h1-btn` 按钮时，我们将 `box` 盒子的 `innerHTML` 设置为一个包含 `h1` 标签的字符串，即输出了一个 `h1` 标签。

当用户点击 `img-btn` 按钮时，我们将 `box` 盒子的 `innerHTML` 设置为一个包含 `img` 标签的字符串，并设置了图片的 `src` 属性，即输出了一个图片。