如何根據javascript中的id找出哪個html標籤

Question

我有一個更多表單域的jsp頁面。表單域是基於一些條件的。也就是說，如果數據存在，那麼它會在<label>標籤內顯示。否則將顯示一個<input>標記（如果數據存在，那麼它將顯示，否則要輸入數據）。 Id的<label>和<input>字段相同。我想通過特定的ID找出選項卡。那麼只有我必須驗證它。

JSP

<%if(data!=null&&!data.equals("")){ %> 
    <label id="data"><%=data%></label> 
<%}else{ %> 
    <input type="text" style="width:95%;" name="data" id="data" value="" > 
<%} %> 

的Java腳本

function validate(){ 
    if() 
     //want to find out the tab is label based on the id "data" 
     //get data from label tag 
     var value=document.getElementById("data").innerHTML; 
    else 
     //get data from input tag 
     var value=document.getElementById("data").value; 
} 

Answer 1

您可以檢查元素的tagName屬性：

function validate() { 
    var el = document.getElementById("data"); 
    var str = el.tagName == "INPUT" ? el.value : el.innerHTML; 
} 

如果標籤是input，則str得到其value，否則它會innerHTML。

Answer 2

您可以使用此代碼也

function validate(){ 
if(document.getElementById("amountRecommended").tagName=="LABEL") { //for label  
var value=document.getElementById("data").innerHTML; 
}else {  
var value=document.getElementById("data").value;//for input 
} 
}