Javascript 获取currenttab的名称并使用该文本替换标题文本
我有一些标签的html。我想获取“currenttab”的文本名称,并使用该文本替换.tab菜单span文本“League Tabs”。如何使用javascript实现这一点Javascript 获取currenttab的名称并使用该文本替换标题文本,javascript,Javascript,我有一些标签的html。我想获取“currenttab”的文本名称,并使用该文本替换.tab菜单span文本“League Tabs”。如何使用javascript实现这一点 <div class="tabmenu"><span>LEAGUE TABS</span><input id="sub100" type="checkbox"><label for="sub100"><span></span></la
<div class="tabmenu"><span>LEAGUE TABS</span><input id="sub100" type="checkbox"><label for="sub100"><span></span></label>
<ul id="homepagetabs">
<li id="tab0" onclick="javascript:show_tab('0');" class="currenttab"><a class="no-sub">Main<input id="sub100" type="checkbox"><label for="sub100"></label></a></li>
<li id="tab1" onclick="javascript:show_tab('1');" class=""><a class="no-sub">#2<input id="sub100" type="checkbox"><label for="sub100"></label></a></li>
<li id="tab2" onclick="javascript:show_tab('2');" class=""><a class="no-sub">11<input id="sub100" type="checkbox"><label for="sub100"></label></a></li>
<li id="tab3" onclick="javascript:show_tab('3');" class=""><a class="no-sub">1<input id="sub100" type="checkbox"><label for="sub100"></label></a></li>
<li id="tab4" onclick="javascript:show_tab('4');" class=""><a class="no-sub">#5<input id="sub100" type="checkbox"><label for="sub100"></label></a></li>
<li id="tab5" onclick="javascript:show_tab('5');" class=""><a class="no-sub">#6<input id="sub100" type="checkbox"><label for="sub100"></label></a></li>
<li id="tab6" onclick="javascript:show_tab('6');" class=""><a class="no-sub">#7<input id="sub100" type="checkbox"><label for="sub100"></label></a></li>
<li id="tab7" onclick="javascript:show_tab('7');" class=""><a class="no-sub">#8<input id="sub100" type="checkbox"><label for="sub100"></label></a></li>
<li id="tab8" onclick="javascript:show_tab('8');" class=""><a class="no-sub">#9<input id="sub100" type="checkbox"><label for="sub100"></label></a></li>
<li id="tab9" onclick="javascript:show_tab('9');" class=""><a class="no-sub">#10<input id="sub100" type="checkbox"><label for="sub100"></label></a></li>
</ul>
</div>
联盟选项卡
- Main
- #2
- 11
- 1
- #5
- #6
- #7
- #8
- #9
- #10
在显示选项卡
功能的某个地方,您需要获取当前选定的
项,然后抓取其文本并将其复制到选项卡菜单:
var tabmenuSpan = document.querySelector('.tabmenu span');
function show_tab(number) {
// code to remove/add the currenttab class
var tabText = document.querySelector('.currenttab a').textContent;
tabmenuSpan.textContent = tabText;
}
当前选项卡的文本名称
-那么您希望使用什么名称呢?在示例html中,当前选项卡的文本名称是“main”,我希望用“main”替换文本“League Tabs”