DOM对话框close()方法用于关闭对话框。对话框元素由getElementById()访问。在HTML5中使用。
使用此方法时,用户可以与页面上的其他元素进行交互。与对话框show()方法一起使用。
用法:
dialogObject.close()
例:此示例显示了对话框close()方法的用法:
<!DOCTYPE html>
<html>
<body>
<h3> HTML | DOM Dialog close() Method</h3>
<p>Click on the below buttons to show or close the dialog window.</p>
<button onclick="showDialog()">Show dialog box</button>
<button onclick="closeDialog()">Close dialog box</button>
<dialog id="showDialog" style= "color:green">
Welcome to GeeksforGeeks</dialog>
<script>
var gfg = document.getElementById("showDialog");
function showDialog() {
gfg.show();
}
function closeDialog() {
gfg.close();
}
</script>
</body>
</html>
输出:
在单击按钮之前:
单击显示按钮后:
单击关闭按钮后:
支持的浏览器:
- 谷歌浏览器37.0
- Opera 24.0
- Safari 6.0
相关用法
- HTML DOM Dialog showModal()用法及代码示例
- HTML DOM Dialog show()用法及代码示例
- HTML DOM close()用法及代码示例
- HTML DOM Dialog用法及代码示例
- HTML Dialog open用法及代码示例
- HTML dialog open用法及代码示例
- HTML5 <dialog>标记用法及代码示例
- HTML DOM contains()用法及代码示例
- HTML DOM createTextNode()用法及代码示例
- HTML DOM removeNamedItem()用法及代码示例
- HTML DOM createAttribute()用法及代码示例
- HTML DOM getBoundingClientRect()用法及代码示例
- HTML DOM History go()用法及代码示例
- HTML DOM writeln()用法及代码示例
- HTML DOM console.log()用法及代码示例
注:本文由纯净天空筛选整理自ManasChhabra2大神的英文原创作品 HTML | DOM Dialog close() Method。非经特殊声明,原始代码版权归原作者所有,本译文未经允许或授权,请勿转载或复制。