Question

I need to set all of the content in a certain <div> to open to another tab ( target="_blank"). I don t really care how this is solved, you can use JS, CSS, HTML, classes, IDs, et cetera.

I tried using <base target="_blank"> but it covered everything no matter what rather than just a certain area. Example: <a href="example.html"> <div> <base target="_blank"> [CONTENT] </div> I thought that example.html would be opened in the same tab, but its target is set to "_blank" as well.

我也尝试做以下工作:<div Target="_blank”>,但该编号没有产生任何效果,而是作为正常的<代码><div>处理。

Answer 1

您可以简单地在<代码>和>、div> 内容<a> 内容必须达到target='_blank”,然后使用CSS的甄选器<代码>.target_blank a,以获取所有<a>元素,这些元素是该类元素的儿童。从那里看,你可以自行处理这些财产,并设定<编码>。

const target_blank = document.querySelectorAll( .target_blank a );
for (const el of target_blank) {
  el.target = "_blank";
}

<div class="target_blank">
  <a href="https://example.com" id="test1">Test 1</a>
  <div>
    <a href="https://example.com">Test 2</a>
  </div>
</div>

<a href="https://example.com" id="test3">Test 3</a>
<a href="https://example.com">Test 4</a>

友情链接