Question

如何为下面的div块设置值（在'？'占位符中设置值）。

 <table>
 <tr>
  <td class="tfArrive " valign="top">
    <div class="tfArrAp" id="txt3">
         ? </div>
 </td>    </tr>

</table>

我尝试了以下方案，但没有工作

<script type="text/javascript">
document.getElementById('txt3').innerHTML = "TEST";
</script>

Answer 1

您的脚本运行正常，只需要确保在呈现HTML后放置脚本，因此首先需要打印表格而不是使用脚本标记，因为如果放置在id="txt3"呈现之前的脚本，它不会更改任何内容，因为脚本没有找到任何内容onload，所以这应该是订单......

<table>
  <tr>
    <td class="tfArrive " valign="top">
      <div class="tfArrAp" id="txt3">
         ? 
      </div>
   </td>
 </tr>
</table>

<script type="text/javascript">
   document.getElementById('txt3').innerHTML = "TEST";
</script>

备注：如果您使用的是HTML5，则不需要 type="text/javascript"，现在，默认为JavaScript

Answer 2

$(document).ready(function(){
  $('#txt3').html("New Text");
});

Answer 3

在操作之前确保页面已加载：

<script type="text/javascript">
window.onload = function() {
    document.getElementById('txt3').innerHTML = "TEST";
}
</script>

在html中设置div元素值

3 个答案: