用document.querySelector()给a标签添加target属性

最新推荐文章于 2023-11-29 08:47:53 发布
最新推荐文章于 2023-11-29 08:47:53 发布
阅读量1.3k 收藏
点赞数
分类专栏： 教程 文章标签： js html5
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/aosky/article/details/110478765
版权

用typecho搭建了一个博客，创建了一个微语页面分享一些平常看到的有用的信息，但是留下的链接都是在本页面打开，想修改一下让新窗口打开。

var pageTagretBlank = function(pageId) {
    if(document.querySelector(pageId)){
        var pageAnchors = document.querySelector(pageId).getElementsByTagName('a');
        for (var i=0; i<pageAnchors.length; i++){
            pageAnchors[i].setAttribute('target', '_blank');
        }
    }
};
pageTagretBlank("ol.comment-list");

使用js代码解决了。

预览：爱分享

aosky
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
右对齐的标签云，动态删除添加
08-30
在这个场景中，我们关注的是一个实现"右对齐的标签云"，它具备动态添加和删除标签的功能。下面将详细介绍这个知识点及其相关技术。 一、标签云的原理与设计 标签云通常基于文本数据，例如博客文章的标签，通过调整...
js导航栏A标签锚点跳转
10-16
var target = document.querySelector(this.getAttribute('href')); // 获取目标元素 if (target) { // 如果目标元素存在 var top = target.offsetTop; // 计算目标元素的顶部距离视口顶部的距离 window....
介绍函数用法：document.querySelector
m0_57236802的博客
04-21 1万+
是一个 JavaScript 函数，它允许你通过提供一个 CSS 选择器来选择文档中的第一个匹配的元素。这个函数返回匹配的元素（如果找到了匹配项），否则返回。是一个非常有用的方法，因为它让你可以通过多种选择器轻松地选择和操作 DOM 元素。只返回第一个匹配的元素。如果你想选择文档中的所有匹配的元素，可以使用。这个函数返回一个包含所有匹配元素的 NodeList。是一个包含 CSS 选择器的字符串，用于查找和选择元素。这将选择文档中第一个类型为。这将选择文档中的第一个。
创建元素节点和自定义属性
qq_51230638的博客
08-15 656
创建元素节点 // 1. 创建节点元素节点 var li = document.createElement('li'); // 2. 添加节点 node.appendChild(child) node 父级 child 是子级 后面追加元素 类似于数组中的push var ul = document.querySelector('ul'); ul.appendChild(li); // 3. 添加节点 node.inse
js中的document.querySelector()方法
最新发布
withkai44的博客
11-29 6416
ParentNode.querySelectorAll()的结果是NodeList数组，但是又不是一般的js数组（Array），所以也不能直接调用Array的方法。当页面中出现多个相同class标签(或者多个相同标签(比如多个div))时，如果你需要返回所有的元素，请使用 querySelectorAll() 方法替代。位于元素之前，元素将会被设置指定的背景颜色，总结，多元素选择时，哪个先匹配就是谁咯，只有一个被选中。querySelector() 方法仅仅返回匹配指定选择器的第一个元素。
JavaScript-----自定义属性操作
weixin_45904557的博客
05-13 1745
🍓.获取元素的属性值 🐇element.属性 元素本身自带的属性 <div id="demo" index="1" data-list-name="andy"></div> </body> <script type="text/javascript"> var div = document.querySelector("div"); console.log(div.id) //demo 🐇element.get...
document.querySelector()方法
热门推荐
qq_44885775的博客
04-26 6万+
javascript dom 查找匹配
js querySelector() 使用方法
11-26
querySelector 定义和用法 ...document.querySelector(CSS selectors) 参数值 参数 类型 描述 CSS 选择器 String 必须。指定一个或多个匹配元素的 CSS 选择器。 可以使用它们的 id, 类, 类型, 属性,
Looping through a HTML list with JavaScript.zip
11-08
var list = document.querySelector('ul'); list.addEventListener('click', function(event) { if (event.target.tagName.toLowerCase() === 'li') { console.log(event.target.textContent); } }); ``` 4....
js网站后台常用的标签切换关闭代码
06-09
在JavaScript（JS）中，创建一个具备标签切换和关闭功能的后台管理界面是常见的需求，尤其是在Web应用程序的后台环境中。这种功能提供了用户友好的多任务处理能力，使得用户可以同时处理多个页面或任务，而无需频繁...
【JavaScript】基于querySelector / querySelectorAll对元素的操作，为你的DOM API基础扫盲~
CYK_byte的博客
11-04 1万+
浏览器提供的一个全局对象，类似于CSS中的选择器，可以精准的获取元素对象，这组API都来自于document下，document是浏览器提供的一个全局对象，表示当前页面DOM API基本都是documet对象的方法；
DOM，getElement系列qureySelector系列，操作元素类型，innerHTML，innerText,value,事件绑定，操作css样式，操作属性：getArrtlibute等~
qq_63322025的博客
08-26 732
DOM，getElement系列qureySelector系列，操作元素类型，innerHTML，innerText,value,事件绑定，操作css样式，操作属性：getArrtlibute,setAttribute,removeAttribute相关知识
JavaScript【DOM-获取DOM元素、修改属性】
Coding
03-26 2177
JavaScript【DOM-获取DOM元素、修改属性】
document.querySelectorAll根据元素属性值选择元素
个人博客
05-04 2344
在这个选择器中，我们使用了属性选择器 [attribute=value]，其中 attribute 是 HTML 元素的属性名称，value 是属性值。所以这个选择器的意思是选择所有拥有 οnmοuseοver=“top.ShowTip_YC(evt)” 属性的 text 元素。使用选择器来选择指定的 HTML 元素，然后对其应用样式或操作。
前端学习day13-DOM：获取元素的内容，元素的属性，点击事件，添加元素
qq_45926448的博客
06-30 1641
.获取标签的内容，获取元素自带的属性，获取元素自定义属性，点击事件 ,添加元素
js三种动态创建元素的区别
chen__cheng的博客
02-01 228
概述 js节点操作中有三种方式来动态创建元素，分别为： document.write() element.innerHTML document.createElement 采用以上三种方式会有不同的优缺点，为了在不同的场景下更为恰当的选择方法来创建元素，接下来对这三种方式进行分析总结。 1. document.write() 使用方法 document.write('<div>This is a Test</div>'); 作用 在页面文档添加元素 使用弊端 当页面文档流加载完
JavaScript- DOM 原生 API 学习（querySelector，querySelectorAll，操作和修改表单属性，操作节点）
dodamce的博客
10-05 2371
对于在浏览器上运行JS程序，最核心的库就是DOM API 库DOM可以看作文档对象模型，HTML中会把每个html标签看作成一个JS中可操作的对象。操作这个对象，就可以影响界面的显示。其中获取网页元素是DOM的基础。当一个网页加载好后，会自动生成一个全局变量，叫做document，这其中有些方法和属性，让我们来操作网页内容。 在JS中的很多代码都是通过事件来触发。eg：鼠标点击页面，会产生鼠标点击事件等等。事件的三要素： 获取操作元素的内容 通过对象内的属性 innerHTML来实现。 需要注意，input
DOM之元素的 创建+添加+删除+克隆
weixin_47075145的博客
07-18 2527
方式2利用innerHTML创建元素（不推荐用）innerHTML属性值不运行时，当作字符串，运行时当作js代码。
Document的属性与方法
qq_63223641的博客
03-24 1667
Document的属性与方法
document.querySelector用法
08-25
document.querySelector是一种HTML DOM API方法，用于通过选择器选择文档中的第一个匹配元素。它的用法非常简单，只需要传入一个选择器作为参数，然后它会返回文档中第一个匹配选择器的元素。 例如，如果你想通过类名选择元素，你可以使用以下代码： const firstElementWithClass = document.querySelector('.my-class'); 这将返回文档中具有类名为"my-class"的第一个元素。 除了类名选择器，你还可以使用其他类型的选择器，例如标签选择器、ID选择器、属性选择器等。 值得一提的是，querySelector只返回第一个匹配的元素。如果你想要选择所有匹配的元素，你可以使用document.querySelectorAll方法。该方法与querySelector类似，但返回的是一个节点列表，而不仅仅是一个元素。 总结起来，document.querySelector方法提供了一种简单和灵活的方式来选择文档中的元素，你可以根据需要传入不同的选择器来获取所需的元素。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* *2* [document.querySelector()方法](https://blog.csdn.net/qq_44885775/article/details/124420956)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] - *3* [介绍函数用法：document.querySelector](https://blog.csdn.net/m0_57236802/article/details/130287312)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] [ .reference_list ]

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值