获取表单内的元素是否被display=none隐藏 display=none会设置在父容器的class上，通过表单元素的name属性输出

您可以使用 JavaScript 中的 `getComputedStyle` 方法来获取元素的样式属性，包括 `display` 属性。然后，您可以检查该属性是否设置为 `none`，以确定元素是否被隐藏。

以下是一个可能的示例：

<form>
  <input type="text" name="input1">
  <input type="text" name="input2" style="display:none;">
  <button onclick="checkElements()">Check elements</button>
</form>

<script>
function checkElements() {
  const form = document.querySelector('form');
  const inputs = form.elements;
  for (let i = 0; i < inputs.length; i++) {
    const input = inputs[i];
    const computedStyle = getComputedStyle(input);
    if (computedStyle.display === 'none') {
      console.log(`Element with name "${input.name}" is hidden.`);
    } else {
      console.log(`Element with name "${input.name}" is visible.`);
    }
  }
}
</script>

在上面的示例中，我们首先获取表单元素的引用，然后遍历所有表单元素并获取它们的计算样式。如果计算样式的 `display` 属性为 `none`，则打印出该元素已被隐藏的消息。否则，打印出该元素可见的消息。