Rumah > Artikel > hujung hadapan web > html5怎样设置点击按钮后按钮消失
html5怎样设置点击按钮后按钮消失
- WBOYasal
- 2022-01-23 14:10:175795semak imbas
方法：1、给按钮元素绑定click点击事件，并指定事件处理函数；2、在事件处理函数中，利用style属性和display属性设置点击按钮后按钮消失，语法为“按钮元素对象.style.display="none"”。
本教程操作环境：windows10系统、HTML5版、Dell G3电脑。
html5怎样设置点击按钮后按钮消失
Style 对象代表一个单独的样式声明。可从应用样式的文档或元素访问 Style 对象。
使用 Style 对象属性的语法：
document.getElementById("id").style.property="值"display 属性规定元素应该生成的框的类型。
当属性的值设置为none时，此元素不会被显示。
示例如下：
<html>
<head>
<script type="text/javascript">
function setStyle()
{
document.getElementById("anniu").style.display="none";
}
</script>
</head>
<body>
<button onclick="setStyle()" id="anniu">按钮</button>
</body>
</html>输出结果：
推荐教程：《html视频教程》
Atas ialah kandungan terperinci html5怎样设置点击按钮后按钮消失. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!
Kenyataan：
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya：html5中焦点是啥属性Artikel seterusnya：html5转义字符有 吗