获取文档中有 "target" 属性的第一个 <a> 元素 - 在线编辑器

          <!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>蜜蜂教程(mifengjc.com)</title>
  <style>
    a[target] {
      background-color: yellow;
    }
  </style>
</head>
<body>

  <p> CSS 选择器 a[target] 确保所有有 target 属性的链接背景颜色为黄色：</p>
  <a href="https://www.mifengjc.com">mifengjc.com</a>
  <a href="http://www.disney.com" target="_blank">disney.com</a>
  <a href="http://www.wikipedia.org" target="_top">wikipedia.org</a>
  <p>点击按钮为带有 target 属性的链接添加红色背景。</p>
  <button onclick="myFunction()">点我</button>
  <script>
    function myFunction() {
      document.querySelector("a[target]").style.border = "10px solid red";
    }
  </script>

</body>
</html>
        