Google 自定义搜索链接属性设置不正确-解网

问：

我正在尝试完成一个简单的任务，即给用户一个复选框，他们可以在其中为 Google 自定义搜索“小部件”（如果您愿意的话）上的结果设置链接目标。但是出于某种原因，我需要为搜索“小部件”设置适当的属性才能根据 https://developers.google.com/custom-search/docs/element#supported_attributes 更改它根本没有做任何事情。请看下面。

var ntChk = document.getElementById('ntChk')

ntChk.onclick = function () {
    if (ntChk.checked == true) {
        document.getElementById('searchresults').setAttribute('data-linkTarget', '_blank');
    } else {
        document.getElementById('searchresults').setAttribute('data-linkTarget', '_self');
    }
}

<!DOCTYPE html>
<html>
<head>
<title>Google Custom Search Example</title>
</head>
<body>
  <input type="checkbox" id="ntChk" /> Open results in new tab
  <script async src="https://cse.google.com/cse.js?cx=ea0629e3e0cd64c16"></script>
<div class="gcse-search" id="searchresults"></div>
</body>
</html>

我尝试通过抓取所有结果标题的类并在它们上使用来直接设置目标，但随后我的浏览器给了我一个错误，说不允许此操作。因此，我尝试使用该方法，但这根本没有产生任何结果（甚至没有通过 Inspect Element 在视觉上产生任何结果）。setAttribute('', '').target = ""

任何帮助将不胜感激。

javascript 谷歌自定义搜索

Google 自定义搜索链接属性设置不正确

Google Custom Search Link Attribute Not Setting Properly

评论