当前位置：网站首页>DOM learning - add + - button

DOM learning - add + - button

2022-04-23 08:25:00 【beinlife】

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

</td>


function calc(btn){
// Find the next span：
//1、 Look up td
var td=btn.parentNode;// Climb up the tree
//2、 stay td Look under span
var span=td.getElementsByTagName("span")[0];// Climb down the tree
//3、 Take out span Number of numbers n
var num=span.innerHTML;
//4、 If btn yes +, be n++, otherwise n--
btn.innerHTML=="+"?num++:num--;
//5、 If n==0, Is changed to 1
num==0&&(num=1);
//6、 take n Put back span in
span.innerHTML=num;
}

版权声明
本文为[beinlife]所创，转载请带上原文链接，感谢
https://yzsam.com/2022/04/202204230734169084.html

边栏推荐

猜你喜欢

随机推荐