更简单的DIV/JavaScript更新？

这是一个新手问题：通过保持DIV的更新+输入按钮，可以进一步简化以下HTML/JavaScript代码吗

<div id="main_section" name="main_section">
    <div id="update_div">Old stuff</div>
    <input type="button" value="Update" id="update_button"/>
</div>

<script type="text/javascript" src="/jquery.js"></script>

<script type='text/javascript'>
    $("#update_button").click(function() {
        $("#update_div").html("New stuff");
    })
</script>

老东西
$（“#更新按钮”）。单击（函数（）{
$（“#update_div”）.html（“新东西”）；
})

---

谢谢。

您甚至可以在HTML中内联JavaScript代码，但这是一种可怕的做法，除非您确切知道自己在做什么。全文如下：

<div id="update_div">Old stuff</div>
<input type="button" value="Update" onclick="$('#update_div').html('...')" />

---

上面的代码仍然需要外部JavaScript，但对于页面上的所有此类按钮和div元素只需要一次。

您能澄清您的问题吗？你想让它做什么，而它现在没有做什么？目前，如果您按下该按钮，您将只更新

#update_div

的innerHTML。你所说的“保持DIV的更新+输入按钮”是什么意思？上面的方法很有效，但我想知道它是否可以简化。谢谢你对在线JS被认为是不好的做法的反馈。imho，不管怎样，如果可以避免的话，在线JS都是不好的做法。我还没有看到一个具有内联脚本的更易于维护的项目：）@Nick-我认为内联脚本使代码库更易于管理的想法是，代码根本不是用HTML或JavaScript编写的，而是在多个级别上编译，计算并解析依赖项，然后最终输出是与HTML合并的*事件。hooman从来没有写过这样的代码：）我仍然认为这比

class=“updater”

和

data html=“…”

更难管理，在外部有一组脚本，生成起来也更容易……而且客户端的负载更少，实际上我不知道有什么缺点：）@Nick同意@Anurag，你建议在任何情况下都使用突兀的javascript，这让我无法给出这个+1的答案，因为你的另一个答案非常好。尽管您有一个输入错误，您将属性称为“日期值”。

<div id='target'>Old</div>
<input type='button' value='Update' data-target='#target' date-value='New' />

$(function() {
    $(':button').click(function() {
        var dest = $(this).attr('data-target');
        var value = $(this).attr('data-value');
        $(dest).html(value);
    });
});