在 HTML 正文中显示 javascript 值答案

【问题标题】：Display javascript value within HTML body在 HTML 正文中显示 javascript 值
【发布时间】：2009-05-26 04:48:23
【问题描述】：

我的 html 文档的标题中有以下相关代码：

test1.value = System.Gadget.Settings.read("Date1");

我正在尝试在我的 html 文档正文中显示 test1 值。

使用时显示：

<input type="text" id="test1" />

但是当我使用（在体内）时不起作用：

<script type="text/javascript">
    document.write(document.getElementById('test1').id);
</script>

任何建议将不胜感激

【问题讨论】：

标签： javascript html forms windows-desktop-gadgets

【解决方案1】：

这可能很明显，但为什么不直接写：

<html>
  <body>
    <div>Here's the Date1 value: 
      <script type="text/javascript">
        document.write(System.Gadget.Settings.read("Date1"));
      </script>
    </div>
  </body>
</html>

如果这不符合您的要求，请说明您的预期输出是什么。

【讨论】：

【解决方案2】：

这不起作用，因为您的脚本在页面的标题中，并且输入 text1 的声明在正文中..所以发生的事情是当浏览器运行脚本时它不会找到该对象。

你需要这样的东西......

<html>
  <body>
    <input type="text" id="test1" />
    <script type="text/javascript">
      document.write(document.getElementById('test1').id);
    </script>
  </body>
</html>

【讨论】：

有趣的是，我们基本上想出了相同的 HTML。