Javascript innerHtml和文本框和標籤問題的價值

Question

我有下面的JavaScript代碼。

var txtone = document.getElementByID("txtone"); 
var lblone = document.getElementByID("lblone"); 
var tone = txtone.value; 
var lone = lblone.innerHTML; 

現在的問題是有些時候我沒有在我的網頁txtone或lblone所以在這種情況下，我的代碼最後兩行給出了錯誤。

解決方案是檢查它們是否存在可能是這樣的代碼。

var txtone = document.getElementByID("txtone"); 
var lblone = document.getElementByID("lblone"); 
if(txtone) 
var tone = txtone.value; 
if(lblone) 
var lone = lblone.innerHTML; 

但在我的情況下，我有大約100到200個文本框和標籤與基於某些條件呈現。所以在這種情況下，我不認爲給予解決方案將是最好的解決方案。

是否有任何簡單的解決方案，如原型價值或innerHtml的問題。

（這是一個aspx的網站頁面）

Answer 1

更新答案

檢查DEMO http://jsfiddle.net/tD6eC/1/

您可以在不類或ID喜歡使用。

HTML

<label id="">label 1</label><input id="" value="1" /><br /> 
<label id="">label 2</label><input id="" value="2" /><br /> 
<label id="">label 3</label><input id="" value="3" /><br /> 
<label id="">label 4</label><input id="" value="4" /><br /> 
<label id="">label 5</label><input id="" value="5" /><br /> 
<div id="content"></div> 

JQUERY

$(document).ready(function(){ 
    var val, label; 
    $('label').each(function(){ 
     val = $(this).html(); 
     label = $(this).next('input').val(); 
     if(val != 'undefined' && label != 'undefined'){ 
      $('#content').append(val+' : '+label+'<br />'); 
     } 
    }); 
});