Javascript 如何使

标记的所有元素不可见（id正确的元素除外） 我正在制作一个简单的网站，展示对数规则和示例。我试图使所有其他规则消失，除了与单击按钮对应的规则。按钮目前不起任何作用。我不确定javascript有什么问题

        <script>
            function log() {
                var tag = document.getElementsByTagName("p")
                tag.style.display = "none"
                var ID = document.getElementById("log");
                ID.style.display = "block";
            }
            function product() {
                var tag = document.getElementsByTagName("p")
                tag.style.display = "none"
                var ID = document.getElementById("product");
                ID.style.display = "block";
            }
            function quotient() {
                var tag = document.getElementsByTagName("p")
                tag.style.display = "none"
                var ID = document.getElementById("quotient");
                ID.style.display = "block";
            }
            function power() {
                var tag = document.getElementsByTagName("p")
                tag.style.display = "none"
                var ID = document.getElementById("power");
                ID.style.display = "block";
            }
            function inverse() {
                var tag = document.getElementsByTagName("p")
                tag.style.display = "none"
                var ID = document.getElementById("inverse");
                ID.style.display = "block";
            }
            function changebase() {
                var tag = document.getElementsByTagName("p")
                tag.style.display = "none"
                var ID = document.getElementById("changebase");
                ID.style.display = "block";
            }
        </script>

---

您遇到的问题是，您必须迭代p标记，在每个标记上设置所需的属性。下面的代码显示了这一点，也显示了一个优化，将其简化为一个接受id参数的函数

函数showid{ const pTags=document.getElementsByTagName'p'； 对于let i=0；iproducts

商

展示产品

---

Show Quotient您遇到的问题是必须迭代p标记，在每个标记上设置所需的属性。下面的代码显示了这一点，也显示了一个优化，将其简化为一个接受id参数的函数

函数showid{ const pTags=document.getElementsByTagName'p'； 对于let i=0；iproducts

商

展示产品

---

直接从菜单中显示商

const myMenu=document.querySelector'menu-select' ，myPara=document.querySelectorAll'p' myMenu.oninput==> { myPara.forEachpElm=>pElm.style.display=pElm.id===myMenu.value？'block'：'none' } 日志 产品 商 权力 相反的 变更库

log

product

商

power

inverse

---

changebase

直接从菜单中创建

const myMenu=document.querySelector'menu-select' ，myPara=document.querySelectorAll'p' myMenu.oninput==> { myPara.forEachpElm=>pElm.style.display=pElm.id===myMenu.value？'block'：'none' } 日志 产品 商 权力 相反的 变更库

log

product

商

power

inverse

---

changebase

按钮在哪里？在每次之前？请添加其中的一些按钮在侧边栏中。在代码中，它们都在后面。按钮在哪里？在每次之前？请添加其中的一些按钮在侧边栏中。在代码中，它们都是在之后