HTML <button> popovertarget 属性

HTML <button> 标签

定义和用法

通过使用 popovertarget 属性，您可以引用带有指定 id 的弹出框元素，并可在显示和隐藏之间切换：

Hello

另请参阅：

HTML 参考手册：HTML popover 属性

HTML 参考手册：HTML Button popovertargetaction 属性

实例

通过引用拥有 popovertarget 属性的弹出框元素，来显示/隐藏指定的弹出框元素：

<h1 popover id="myheader">Hello</h1>
<button popovertarget="myheader">Click me!<button>

亲自试一试

语法

<button popovertarget="element_id">

属性值

值 描述
element_id 与该按钮相关联的弹出框元素的 id。

浏览器支持

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
114 114 不支持 17 100

HTML <button> 标签