用btn1.onclick = function() 实现点击button按钮后，将div中设置了display=none的内容显示出来

可以使用 btn1.onclick 函数来实现点击按钮后将 div 中设置了 `display:none` 样式的元素显示出来。具体实现方式如下：

HTML 代码：

<button id="btn1">点击显示内容</button>
<div id="myDiv">
  <p>这是一个显示的段落。</p>
  <p style="display:none;">这是一个隐藏的段落。</p>
</div>

JavaScript 代码：

var btn1 = document.querySelector('#btn1');
var myDiv = document.querySelector('#myDiv');

btn1.onclick = function() {
  var hiddenP = myDiv.querySelector('p[style*="display:none"]');
  if (hiddenP) {
    hiddenP.style.display = 'block';
  }
}

这段代码中，我们首先使用 `document.querySelector` 方法获取到 id 为 `btn1` 和 `myDiv` 的元素。然后，我们将 `btn1` 元素的 `onclick` 事件设置为一个匿名函数，当用户点击该按钮时，该函数会使用 `querySelector` 方法获取到 `myDiv` 元素中设置了 `display:none` 样式的元素，并将其 `display` 样式值设置为 `block`，从而使其显示出来。如果 `myDiv` 元素中没有设置了 `display:none` 样式的元素，则不进行任何操作。

需要注意的是，这里使用了属性选择器 `[style*="display:none"]` 来获取设置了 `display:none` 样式的元素，这种方法只对设置了内联样式的元素有效，对于使用外部样式表或内部样式表设置的样式则无法获取。因此，在实际应用中需要根据具体情况进行调整。