如何根据javascript中的id找出哪个html标签

Question

我有一个带有更多表单字段的jsp页面。表单字段基于一些条件。也就是说，如果数据存在，那么它显示在中。

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

您也可以使用此代码

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
}
}

Answer 2

您可以检查元素的标记名属性：

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

如果标记是input，则str获取其值，否则获取innerHTML。