84669 人が学習中
152542 人が学習中
20005 人が学習中
5487 人が学習中
7821 人が学習中
359900 人が学習中
3350 人が学習中
180660 人が学習中
48569 人が学習中
18603 人が学習中
40936 人が学習中
1549 人が学習中
1183 人が学習中
32909 人が学習中
ページ読み込み後に上の黄色の部分と下の白い部分の温度データを同じにする方法
黄色の部分はHTMLを使用してタグ内に記述されています
白い部分はJSで制御しており、増減可能ですが、増減後のデータの整合性は保たれます。
アドバイスをお願いします
リーリー 下半分の白い部分
页面加载的时候填充相同的数据即可。
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <link rel="stylesheet" href="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/css/bootstrap.min.css"> <script src="http://cdn.static.runoob.com/libs/jquery/2.1.1/jquery.min.js"></script> <script src="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/js/bootstrap.min.js"></script> <script> $(document).ready(function(){ $(".leng").html('冷藏区温度数据10'); $(".bian").html('变温区温度数据20'); $(".dong").html('冷冻区温度数据30'); }); </script> </head> <body> <p class="device-control"> <ul> <li> <span class="leng">3</span><i>℃</i> <p>冷藏区</p> </li> <li class="line"></li> <li> <span class="bian">5</span><i>℃</i> <p>变温区</p> </li> <li class="line"></li> <li> <span class="dong">-18</span><i>℃</i> <p>冷冻区</p> </li> </ul> </p> <li onclick="changeTemper($(this),1)"> <p class="control-icon"> <img src="images/refrigeratorControl/collectionOffImages/virtual-collection-normal1@3x.png"/> </p> <p>冷藏区 <span class='leng'>3</span>℃</p> </li> <li onclick="changeTemper($(this),2)"> <p class="control-icon"> <img src="images/refrigeratorControl/collectionOffImages/virtual-collection-normal2@3x.png"/> </p> <p>变温区 <span class="bian">-5</span>℃</p> </li> <li onclick="changeTemper($(this),3)"> <p class="control-icon"><img src="images/refrigeratorControl/collectionOffImages/virtual-collection-normal3@3x.png"/></p> <p>冷冻区 <span class="dong">-22</span>℃</p> </li> </body> </html>
注意，下面黄色区域的span, 我为了方便加了和上面白色部分数据对应一致的class。
不用寻思的最笨的方法
<p> <h1>上面</h1> <p id="s1">12</p> <p id="s2">13</p> <p id="s3">14</p> </p> <p> <h1>下面</h1> <p id="x1">5</p> <p id="x2">6</p> <p id="x3">7</p> </p> <script> window.onload = function() { document.getElementById("x1").innerHTML = document.getElementById("s1").innerHTML document.getElementById("x2").innerHTML = document.getElementById("s2").innerHTML document.getElementById("x3").innerHTML = document.getElementById("s3").innerHTML } </script>
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
页面加载的时候填充相同的数据即可。
注意，下面黄色区域的span, 我为了方便加了和上面白色部分数据对应一致的class。
方法有很多
不用寻思的最笨的方法