W3School TIY Editor
W3School 在线教程
改变方向
暗黑模式
运行代码
<!DOCTYPE html> <html> <style> a[target] {background-color: yellow} </style> <body> <h1>Document 对象</h1> <h2>querySelectorAll() 方法</h2> <p>CSS 选择器 a[target] 为带有 target 的链接设置黄色背景。</p> <p>为所有具有 target 属性的链接添加红色边框。</p> <a href="https://www.w3school.com.cn">w3school.com.cn</a> <a href="http://www.disney.com" target="_blank">disney.com</a> <a href="http://www.wikipedia.org" target="_top">wikipedia.org</a> <script> const nodeList = document.querySelectorAll("a[target]"); for (let i = 0; i < nodeList.length; i++) { nodeList[i].style.border = "10px solid red"; } </script> </body> </html>