Question

我正在开发这个javascript代码一段时间，它只在点击按钮时运行一次。

JAVASCRIPT：

var a = 1;

function add(name) 
{
if (a <= 9) 
    {
        a++;
        var parent = name.parentNode;
        var content = parent.querySelector("div");
        var str = content.innerHTML;
        str = str.replace(/_1/gi, '_' + a);
        var divtest = document.createElement("div");
        divtest.setAttribute("id", a);
        divtest.innerHTML = str + a;
        parent.appendChild(divtest);
    }
}

HTML：

<div id="main1">
<button onclick="add(this);return false;">+</button>
<div id="content1">
A
</div>
</div>

<div id="main2">
<button onclick="add(this);return false;">+</button>
<div id="content2">
B
</div>
</div>

上面的代码只调用一次函数，但我希望它能同时运行该函数。

输出：

+
A
A 2
A 3
A 4
A 5
A 6
A 7
A 8
A 9
A 10
+
B

当我点击两个div上的按钮时，它应该在每次点击的主要div上添加两个。

预期输出：

+
A
A 2
A 3
A 4
A 5
A 6
A 7
A 8
A 9
A 10
+
B
B 2
B 3
B 4
B 5
B 6
B 7
B 8
B 9
B 10

Answer 1

假设代码正常运行，这很简单：

<button onclick="add();return false;">+</button>

<button onclick="add();return false;">+</button>

然后为按钮添加ID：

#arrow {
border-right:30px solid black;
border-bottom:30px solid black;
width:100px;
height:100px;
transform: rotate(-45deg);
margin-top:40px;
}

javascript：同时调用相同的函数？

1 个答案: