Question

我将这个“自己动手”部分发布到我的网站，但由于某种原因，当我想要拥有多个“自己动手”部分时，它只适用于页面顶部的部分。因此，如果我在页面上有三个，那么最上面的一个将以我想要的方式工作，但接下来的两个将无能为力。

我有以下HTML：

<div class="tryit">
<table>
<tr>
  <td>Try It Yourself</td>
</tr>

<tr>
  <td><textarea id="input" rows="10" cols="47"></textarea></td>
</tr>

<tr>
  <td><input onclick="update();" type="button" value="Update"></td>
</tr>

<tr>
  <td><iframe id="output" name="output" width="600" height="300" ></iframe></td>
</tr>
</table>
</div>

以下Javascript：

function update()
{
   var tryitoutput = document.getElementById('input').value;
   window.frames['output'].document.documentElement.innerHTML = tryitoutput;
}

谢谢。

Answer 1

那是因为你指的是textarea和id的输出，这意味着它总是只检索第一个。快速修复将为这些字段提供唯一ID，并将名称作为参数发送到更新函数，如update（inputId，outputId）

为什么这个Javascript每页只运行一次？

1 个答案: