Question

有没有办法在某个部分的不同部分为div标签添加字段，例如。

我有

<div id="autoUpdate" class="autoUpdate" style="margin-left: 100px; display: none;" >
        <table>
              <tr>
                    <td><bean:message key="password.label" /></td>
                    <td><html:password property="password" maxlength="100" /></td>
              </tr>
              <tr>
                    <td><bean:message key="re-type.password.label" /></td>
                    <td><html:password property="password" maxlength="100" /></td>
             </tr>

        </table>
</div>

现在我想在同一个html文件中点击下一个div标签中的buttton时在这个div中添加一些字段。

Answer 1

HTML：

<div id="autoUpdate" class="autoUpdate" style="margin-left: 100px; display: none;" >
        <table>
              <tr>
                    <td><bean:message key="password.label" /></td>
                    <td><html:password property="password" maxlength="100" /></td>
              </tr>
              <tr>
                    <td><bean:message key="re-type.password.label" /></td>
                    <td><html:password property="password" maxlength="100" /></td>
             </tr>

        </table>
</div>
<div onClick="addField('autoUpdate')">Add Field</div>

的Javascript

function addField(field_id){
  var div = document.getElementById(field_id);
  div.innerHTML = div.innerHTML + 'More content';
}

在不同页面的div标签中添加一个字段

1 个答案: