DOM 學習之—添加+-按鈕

<td>
<button οnclick="calc(this)">-</button>
<span>1</span>
<button οnclick="calc(this)">+</button>

</td>

function calc(btn){
//找到旁邊的span：
//1、向上找td
var td=btn.parentNode;//向上爬樹
//2、在td下找span
var span=td.getElementsByTagName("span")[0];//向下爬樹
//3、取出span的數n
var num=span.innerHTML;
//4、如果btn是+，則n++，否則n--
btn.innerHTML=="+"?num++:num--;
//5、如果n==0，則改爲1
num==0&&(num=1);
//6、將n放回span中
span.innerHTML=num;
}