Question

我是网络开发的新手。我正在开发一个页面，它分解为各种div元素。为了减少数据消耗，我想在触发任何事件时仅更新特定div元素的内容，其余应该相同。我怎样才能做到这一点？

[edit] [code]

<html>
....
....
 <body>
    <div id="post">
        <h1>Post tile<h1>
        <img src="/s/smt.png">
         <p>this is the post desc</p>
    <div>
<div id="any other">
</div>
. 
. 
.
 <body>
</html>

让我们考虑以上情况，我需要动态更新div“post”而不查询页面的任何其他部分。

重要编辑（@Milind Anantwar，感谢您发表此评论）：更新应该依赖于服务器。我的意思是，我需要从我的数据库中更新该div ..

Answer 1

您可以执行以下操作 Demo ：

var button = document.getElementById('b');
var div = document.getElementById('any_other');

var count = 0;
button.addEventListener('click', function() {
  // Updating div dynamically by click event on button
  div.innerHTML = 'This is dynamicaaly updated - ' + count + ' times';
  count++;
});

仅更新特定div元素的内容

1 个答案: