2013-10-09 52 views
0

我已经创建,其中每个TD具有文本表结构表TR TD传递的参数。 调用一个onclick功能changeFocus(liVSE)犯规还给我liVSE,同时提醒它,显示为[对象TableCellElement] ...我应该怎么做,如果我需要它提醒如(liVSE)。 或请提出任何其他简便的方法来获得与idName获得在javascript

请把我当成新手HTML CSS JavaScript开发。

function changeFocus(idname){ 
    alert(idname); 
    clearActive(); 
    //"info-"+idname.style.display = "block"; 
    idname.className = "tab-active"; 
    return true; 
} 

<table> 
    <tbody> 
     <tr> 
      <td id="liVSE" class="tab-active" ><span class="tabcorner"><span></span></span><a href="#info-liVSE" onclick="changeFocus(liVSE)">li VSE</a></td> 
      <td id="liGoals" class="tab"><span class="tabcorner"><span></span></span><a href="#info-liGoals" onclick="changeFocus(liGoals)">li Goals</a></td> 
      <td id="CisoInitiatives" class="tab"><span class="tabcorner"><span></span></span><a href="#info-CisoInitiatives" onclick="changeFocus(CisoInitiatives)">li Iniatives</a></td> 
      <td id="EntBusCounsilVSE" class="tab"><span class="tabcorner"><span></span></span><a href="#info-EntBusCounsilVSE" onclick="changeFocus(EntBusCounsilVSE)">Ent. Bus. Council VSE</a></td> 
      <td id="DSSGVSE" class="tab"><span class="tabcorner"><span></span></span><a href="#info-DSSGVSE"onclick="changeFocus(DSSGVSE)"> VSE</a></td> 
      <td id="SSPGVSE" class="tab"><span class="tabcorner"><span></span></span><a href="#info-SSPGVSE" onclick="changeFocus(SSPGVSE)"> VSE</a></td> 
      <td id="SSPGGoals" class="tab"><span class="tabcorner"><span></span></span><a href="#info-SSPGGoals" onclick="changeFocus(SSPGGoals)"> Goals</a></td> 
      <td id="CPDMEffectivity" class="tab"><span class="tabcorner"><span></span></span><a href="#info-Effectivity" onclick="changeFocus(Effectivity)"> Effectivity</a></td> 
     </tr> 
    </tbody> 
</table> 
+0

传递参数为“liVSE”,因为它是一个字符串。 –

+0

怎么了所有的空'的? – xec

回答

1

尝试改变onclick="changeFocus(liVSE)"

onclick="changeFocus('liVSE')" 

注:行情'周围liVSE

+0

欢迎兄弟....如果它帮助...给予好评,并标记为答案:) – iJade

1

变化onclick事件的所有元素

changeFocus(this.parentNode.id); 

应该为你工作

+0

尼斯的思想,但你为什么不sugest通过只是'this'并获得'.parentNode.id'里面的功能?我认为它会更好。 – DontVoteMeDown

+0

@DontVoteMeDown我同意。那也会做 – gurvinder372

2

为了避免在未来的头痛,我建议你从你的脚本分开你的HTML(该onclick属性是过去的事情,真的)。你可以做这样的事情从一个外部JavaScript文件中的以下(在文件末尾的链接)

function clickHandler(e) { 
    // e = event object 
    // this = <a> 

    e.preventDefault(); // prevent following the link (optional) 

    alert(this.parentNode.id); // alert the id of the parent node 

    // check your js console for what other properties you get available from the <a> 
    console.dir(this); 

    // uncomment to alert the value of the href attribute, for instance 
    //alert(this.attributes.href.value); 

} 

var links = document.getElementsByTagName("a"); 
var i = links.length; 

// loop through the links 
while (i--) { 
    // attach the click handler to each <a> 
    links[i].addEventListener("click", clickHandler); 
} 

看一看http://jsfiddle.net/Tv3Lx/2/这里我删除了内嵌脚本调用(onclick属性)

有这段代码有很多错误(你可能不想选择页面上的所有元素,旧IE使用“attachEvent”而不是“addEventListener”),但希望能让你开始朝正确的方向发展。 MDN是JavaScript的一个很好的资源,用大量的实例