javascript - 获取 elementid 值以切换菜单

Question

我正在尝试使用 javascript 在给定顶部菜单的情况下切换页面上显示的内容(可以执行 jquery 但不确定如何操作):

JavaScript

function showhidediv(rad) {
    document.getElementById("general_item").style.display = "none";
    document.getElementById("specific_item").style.display = "none";
    var sectionName = rad.value;
    document.getElementById(sectionName+'_section').style.display = "block"; 
}

HTML

<ul>
  <li value="general" onclick="showhidediv(this);">General</li>
  <li value="specific" onclick="showhidediv(this);">Specific</li>
</ul>

我的两个部分是#general_section 和#specific_section。

我好像无法获取被点击的

的值，一直给出值“0”。

谢谢，

Answer 1

你使用了错误的 id 属性来隐藏元素

没有 jQuery

<ul>
  <li section="general" onclick="showhidediv(this);">General</li>
  <li section="specific" onclick="showhidediv(this);">Specific</li>
</ul>
<div id="general_section">general</div>
<div id="specific_section">specific</div>

和

function showhidediv(rad) {
    document.getElementById("general_section").style.display = "none";
    document.getElementById("specific_section").style.display = "none";
    var sectionName = rad.getAttribute('section');
    document.getElementById(sectionName+'_section').style.display = "block"; 
}

演示:Fiddle