使用JavaScript更改Div内部元素的值。

Question

我有以下div

<div class="modal hide" id="changeProject">
    <div class="modal-header">
        <a class="close" data-dismiss="modal">×</a>
        <h3><?php echo __('Change Project') ?></h3>
    </div>
    <div class="modal-body">
        <form id="frmChangeProject">
            <fieldset>
                <ol>
                    <?php echo $changeProjectForm->render(); ?>
                </ol>
            </fieldset>
        </form>
    </div>
    <div class="modal-footer">
        <input type="button" id="dialogChange" class="btn" value="<?php echo __('Edit'); ?>" />
        <input type="button"  id="dialogCancel" name="dialogCancel" class="btn reset" data-dismiss="modal" value="<?php echo __('Cancel'); ?>" />
    </div>
</div>

使用JS我想更改<h3></h3>元素的值。我也希望将这个魔术功能用于本地化。

Answer 1

使用jquery，您可以在事件发生后调用它：

$(".modal-header h3").html("your new header");

它将在.modal-header类中查找h3元素并进行更改。