我正在创建一个Chrome应用程序,当我点击一个按钮时,我需要显示一部分表格。
我看了各种各样的答案,但是当我点击按钮时,我一直从chrome中得到错误/
这是我的JavaScript:
document.getElementById("newpull").style.visibility = "visible";
}
);
window.onload = function () {
document.getElementById("newpull").style.visibility = "hidden";
};
我的HTML:
<button id="click" style="float; left">Click</button>
<tr class="red" id="newpull">
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
按钮单击时显示块和无
function myFunc() {
var disp = document.getElementById("newpull").style.display;
console.log(disp);
if (disp == 'block') {
document.getElementById("newpull").style.display = 'none'
} else {
document.getElementById("newpull").style.display = 'block'
}
}
<button id="click" style="float; left" onclick="myFunc()">Click</button>
<table>
<tr id="newpull" style="display:none">
<td>abc</td>
<td>abc</td>
<td>abc</td>
<td>abc</td>
<td>abc</td>
</tr>
</table>
只需将函数放入脚本中并使用按钮点击就可以使用onclick="showTR()"
中的<button>
<button id="click" style="float: left" onclick="showTR()">Click</button>
<table>
<tr class="red" id="newpull">
<td>1</td>
<td>2</td>
<td>3</td>
<td>4</td>
<td>5</td>
</tr>
</table>
这是你的剧本
function showTR(){
document.getElementById("newpull").style.visibility = "visible";
}
window.onload = function () {
document.getElementById("newpull").style.visibility = "hidden";
};
或者您也可以这样使用
function showTR(){
var status = document.getElementById("newpull").style.visibility ;
if (status == 'visible') {
document.getElementById("newpull").style.visibility = "hidden";
} else {
document.getElementById("newpull").style.visibility = "visible";
}
}
window.onload = function () {
document.getElementById("newpull").style.visibility = "hidden";
};