​x
 
<!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>
​