今天學習的是設計這個表格樣式及其JavaScript，收獲如下

1跨行 rowspan="所跨行數"

? 跨列 colspan="所跨列數"

?2部分JS代碼實現

（1）輸入金額

在對應位置加入<input type="text" id="xx"/>，意為輸入一個文本，其值應為xx（id為自己定義的）

（2）獲取輸入的金額

在JS中寫一個函數，用document.getElementById("xx").value獲取輸入的值并賦值給一個變量方便下面計算

（3）實現金額相加

注意要把獲取到的值數字化，用Number（），相加后賦值給變量add，還要輸出到計算框，此處用的是document.getElementById("xx").innerHTML=xx;

?（4）各部分占比

因為需要輸入到相應部分所以還是用innerHTML,此時計算邏輯是各自的前面輸入值/總值，直接寫上去就好

?

（5）body部分

記得寫入輸入框，id，占比部分也要標注id，計算是加了一個按鈕button，點擊onclick按鈕之后執行之前寫的函數zongin()

?

?

總結

以上是生活随笔為你收集整理的DW网页设计学习日记1的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。