我相信这比我想做的更容易,但是—我需要根据按下的按钮来改变段落.我想使用与我点击更改main—img相同的按钮.
重申一下,我的目标是:如果我单击一个按钮,例如Execucher,我希望映像更改为执行器映像(就像我已经设置的那样),并希望subClassDesc更改为我需要的适当的子类信息.
这是HTML(我不认为Mainbox信息与这个问题非常相关,所以如果你愿意的话,可以忽略它--我只需要知道如何正确地更改所述信息).
<div id="imgContain">
<img id="main-img" src="default.png">
</div>
<div id="mainBox">
<div class="tabMain">
<button class="tablinks active" onclick="mainTab(event, 'Overview')" id="defaultOpen">Overview</button>
<button class="tablinks" onclick="mainTab(event, 'Subclasses')">Subclasses</button>
<button class="tablinks" onclick="mainTab(event, 'Spells')">Spells</button>
</div>
<div id="Overview" class="tabcontentMain">
<h3>Overview</h3>
<p>blablabla.</p>
<p id="subclassDesc">
<h3>Insert Subclass Here</h3>
insert subclass info here
</p>
</div>
<div id="Subclasses" class="tabcontentMain">
<h3>Subclasses</h3>
<p>
<button id="subclass" onclick="changeImg('./assets/010.-Arbalest.png')">Arbalest</button>
<br><br>
<button id="subclass" onclick="changeImg('./assets/011.-Dreadnaught.png')">Dreadnought</button>
<br><br>
<button id="subclass" onclick="changeImg('./assets/012.-Executioner.png')">Executioner</button>
<br><br>
<button id="subclass" onclick="changeImg('./assets/013.-Lancer.png')">Lancer</button>
<br><br>
<button id="subclass" onclick="changeImg('./assets/014.-Titan.png')">Titan</button>
</p>
</div>
这是Javascript
function changeImg(uri) {
var image = document.getElementById('main-img');
image.src = uri;
}
function insertTxt() {
const button = document.getElementById('subclass');
const p = document.getElementById('subclassDesc');
//what do i do here? Do i even need this?//
}
我只是需要答案,我对Javascript非常陌生,并不完全理解everything.我都不知道该怎么处理这个函数. 我需要其他声明吗?如何在同一个函数上使用不同的参数来完成所有这些工作?