javascript - 我需要在单击输入框时显示我的段落。我的 p 数组如何不循环遍历我的段落变量？

Question

我试图循环遍历我的 p 数组来查找每个段落变量，以便我可以更改 HTML 的不透明度。

var p1 = document.querySelector(".p1");
var p2 = document.querySelector(".p2");
var p3 = document.querySelector(".p3");

var p = [1,2,3];
function visible() {
    for (var i = 0; i < p.length; i++) {
        p[i].style.opacity = 1;
    }

 }

我正在寻找的结果是当我单击输入文本框时我希望显示我的段落。可见函数是一个 html onclick 函数。

Answer 1

我想你的意思是

var p = [p1,p2,p3];

不是

var p = [1,2,3];

已编辑

您可以在 html 中添加参数。

<input type="number" onclick="displayParagraph('.p1')">
<input type="number" onclick="displayParagraph('.p2')">
<input type="number" onclick="displayParagraph('.p3')">

function displayParagraph(paragraphClass){
var p = document.querySelector(paragraphClass);
p.style.opacity = 1;
}