HTML <button> popovertarget 属性

定义和用法

通过使用 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