内部にjavascriptラベルを表示するには​​テーブル欄

Question

テーブルにデータの表示に関する質問があります。 ここに掲載されたサンプルコードは、テーブル内のコードの一部です。

私はページ内のランダムな場所にテーブル外

<label id="HMI_scaled">0</label> 

を入れた場合は、データが表示されます。私はこの質問には十分だと思います。

HMI_scaledは、このテキストの後半に表示されるjavascriptによって自動的に更新される値です。問題は、テーブルに表示するための構文を入力する方法がわからないことです。私は試しましたが、テーブルの外では更新されません。 HMI_scaled FOR

<table> 
    <tr> 
    <td class="static_field">Level [m]:</td> 
    <td class="output_field"><label id="HMI_scaled">0</label></td> 
    </tr> 
</table> 

SCRIPT：

$(document).ready(function(){ 
    $.ajaxSetup({ cache: false }); 
    setInterval(function() { 
     $.get("IOwebserver.htm", function(result){ 
      $('#HMI_scaled').text(result.trim()); 
     }); 
    },1000); 
}); 

CSS：

td.output_field 
{ 
    font-size : 12px; 
    background-color : rgb(221,221,221); 
    text-align : left; 
    width : 150px; 
    height : 21px; 
} 

td.static_field 
{ 
    font-size : 12px; 
    text-align : right; 
    width : 150px; 
    height : 21px; 
} 

HTML：

IOwebserver.htm 
    :="webdata".HMI_scaled: 

Answer 1

私はあなたのコードに問題を見ていない、そしてそれは私のために動作します。私が現在の時刻を毎秒表示するコードであなたのajax-callを置き換えたところを以下で見てください。 <label>がどこにあっても動作します。

HTMLのタイプミスがなく、ページの上部にjQueryが含まれていることを確認してください。

$(document).ready(function(){ 
 
    $.ajaxSetup({ cache: false }); 
 
    setInterval(function() { 
 
     var result = new Date().toLocaleTimeString(); 
 
     $('#HMI_scaled').text(result.trim()); 
 
     $('#HMI_scaled_2').text(result.trim()); 
 
    }, 1000); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<table border="1"> 
 
    <tr> 
 
    <td class="static_field">Level [m]:</td> 
 
    <td class="output_field">Inside table -&gt; <label id="HMI_scaled">0</label></td> 
 
    </tr> 
 
</table> 
 
Outside table -&gt; <label id="HMI_scaled_2">0</label>