先申明，我初學dom編程
我想通過點擊一次button就增加表格100寬度，但是這個寫法只能點擊一次，求大佬教
uj5u.com熱心網友回復：
zhi變數在函式外宣告，并且賦初值為0uj5u.com熱心網友回復：
寫個點擊事件啊,系結在按鈕上面var btn = document.getElementById('找到你對呀的id按鈕')
var tab = document.getElementById('找到表格')
btn.onclick=function(){
tab.style.width = tab.offsetWidth + 100+'px'
}
大概就差不多這樣點一下觸發一次事件
uj5u.com熱心網友回復：
<!DOCTYPE html><html>
<head>
<meta charset="utf-8" />
<title></title>
<!-- <script src="https://bbs.csdn.net/topics/js/vue.js" type="text/javascript" charset="utf-8"></script> -->
</head>
<style type="text/css">
#box{
height: 100px;
width: 100px;
background: #000;
margin: 10px;
}
</style>
<body>
<div id="box">
</div>
<button type="button">點擊一次＋100px</button>
<script type="text/javascript">
var div1=document.getElementById('box');
var but=document.getElementsByTagName('button')[0];
var num=100;
but.onclick=function(){
num=num+100;
div1.style.width=num+'px';
}
</script>
</body>
</html>
uj5u.com熱心網友回復：
樓上的幾位其實都說的很明白了。你這個寫法只能點擊一次是因為你的變數zhi在方法內，這樣的話永遠都是zhi="100"。
在方法內可以使用debugger進行除錯，在瀏覽器中可以按F12查看除錯。或者使用console.log(zhi)，監聽你的引數值。
轉載請註明出處，本文鏈接：https://www.uj5u.com/qianduan/112644.html
標籤：JavaScript
上一篇：求一個定時器 有設定時間和開始倒計時按鈕 單擊設定時間按鈕彈出設定倒計時時間對話框
下一篇：前后端分離開發， 后臺用spring boot提供restful服務，前臺采用vue如何保證后臺的介面都是通過我前臺呼叫的，而不讓別人呼叫。沒有登錄認證功能to