将参数从父函数传递给子函数javascript

Question

function screenFunc(id) {
var size = window.matchMedia("(max-width: 620px)")
if (size.matches) { // If media query matches
function myFunction(id) {
var x = document.getElementById(id)
if (x.style.display === 'none') {
x.style.display = 'block';
} else {
x.style.display = 'none'
}
}
}
}

<section class="subject">
<h2 onclick="screenFunc('intro')" class="title-toggle"> Introduction </h2>
<p id="intro"> Lorem ipsum dolor sit amet, consectetur adipisicing elit. Blanditiis laborum eligendi, nulla aliquid perspiciatis tempore cumque odit sapiente ut, reiciendis accusantium sint dolor. Ipsum eaque, quos esse incidunt, quod veniam sequi sint, voluptatem
at quis impedit amet illum cupiditate explicabo! </p>
</section>

我需要访问HTML中的一个id来切换一个段落。由于它是移动优先和响应的，所以只需要最大宽度为620的切换，所以我想删除任何大于620的javascript切换。我可以像这样将"id"-参数从父函数传递给子函数吗？这是我第一次使用window.matchmedia，所以非常感谢您的反馈。

Answer 1

不需要第二个函数。我认为它可能什么都不做，因为第二个函数从来没有被调用过。你可以这样做：

function screenFunc(id) {
var size = window.matchMedia("(max-width: 620px)")
if (size.matches) { // If media query matches
var x = document.getElementById(id)
if (x.style.display === 'none') {
x.style.display = 'block';
} else {
x.style.display = 'none'
}
}
}

<section class="subject">
<h2 onclick="screenFunc('intro')" class="title-toggle"> Introduction </h2>
<p id="intro"> Lorem ipsum dolor sit amet, consectetur adipisicing elit. Blanditiis laborum eligendi, nulla aliquid perspiciatis tempore cumque odit sapiente ut, reiciendis accusantium sint dolor. Ipsum eaque, quos esse incidunt, quod veniam sequi sint, voluptatem at quis impedit amet illum cupiditate explicabo! </p>
</section>