这是展开的内容
在不使用Aria-Controls的情况下,Aria-Expanded可以用于指示网页元素是否已展开或折叠。例如,一个折叠框在展开时需要设置Aria-Expanded属性为“true”,而在折叠时设置为“false”。
举例说明:
HTML代码:
JavaScript代码: function toggleContent() { var content = document.getElementById("content"); var expanded = content.getAttribute("aria-expanded") === "true"; content.setAttribute("aria-expanded", !expanded); content.setAttribute("aria-hidden", expanded); }
在上面示例中,点击按钮将调用toggleContent()函数。函数会获取id为“content”的div元素,并判断它的Aria-Expanded属性是否为“true”。然后,函数会将Aria-Expanded和Aria-Hidden属性分别设置为相反的值(即从“false”变为“true”或从“true”变为“false”)来展开或折叠内容。这样,用户可以通过Aria-Expanded属性了解内容的状态。