2013-10-09 77 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的一個很好的資源,用大量的實例