是否使用querySelectorAll选择所有与document.URL匹配的href？
是的，可以使用querySelectorAll选择所有与document.URL匹配的href。querySelectorAll是DOM API中的一个方法，它接受一个CSS选择器作为参数，并返回与该选择器匹配的所有元素的列表。在这种情况下，我们可以使用以下代码来选择所有与document.URL匹配的href：
const elements = document.querySelectorAll('a[href="' + document.URL + '"]');这将返回一个NodeList对象，其中包含所有与当前页面URL匹配的链接元素。你可以遍历这个NodeList对象，并对每个链接元素执行所需的操作。
这种选择方式可以用于许多场景，例如在页面上突出显示当前活动页面的链接，或者在导航菜单中标记当前所在页面的链接。
腾讯云提供了一系列与云计算相关的产品，其中包括云服务器、云数据库、云存储等。你可以根据具体需求选择适合的产品。更多关于腾讯云产品的信息可以在腾讯云官网上找到：腾讯云产品介绍。
相关·内容
在使用getelementsbyClassName时，我一直收到“对象不支持此属性或方法”的错误信息。我想得到的所有网址的网页，是从搜索引擎百度(Baidu.com)的结果。但是我不能“点击”搜索引擎的下一页。我已经试了好几天了，如果有人能帮我那就太好了。谢谢!
Option Explicit
Public Sub GettingURL()
Dim ie As Object
Set ie = CreateObject("InternetExplorer.Application")
Dim c As Long, u As Long
c = 3
浏览 0提问于2018-09-27得票数 0
我有一个函数，它从一个悬停的元素中获取数据名属性值。我想用匹配的“数据名称匹配”属性值获取页面上的dom元素，这样我就可以向其中添加一个类。
我大部分时间都在那里，但我无法找到与元素匹配的最后一步。在这种情况下，是否可以使用模板文字来匹配"name“变量值？
const blocks = [...document.getElementsByClassName('footer-block_icon-block')];
console.log(blocks)
blocks.forEach(block => {
block.addEventListener(
浏览 0提问于2019-07-26得票数 0
回答已采纳
2回答
由于我对JavaScript知之甚少，我试图在图片：上悬停时删除名称和标题文本上的href链接。
我认为有用的东西：
document.querySelectorAll("h3.the-title a, div.portfolio-categories a").removeAttribute("href");
只有当给定数组值时，才能实际工作：
document.querySelectorAll("h3.the-title a, div.portfolio-categories a")[0].removeAttribute("href&#
浏览 1提问于2016-02-11得票数 1
回答已采纳
if(document.URL!="location.php?img_url="+img_url){
window.location.href = "location.php?img_url="+img_url;
}
这会不断地重新加载页面。我检查url，看看它是否改变了，它不会改变。
浏览 2提问于2013-06-26得票数 0
回答已采纳
让我有一些带有href=/href_value/属性的元素。如何获取所有的elemenet，使其href属性具有href_value值？
浏览 5提问于2014-04-24得票数 25
回答已采纳
2回答
响应js的可单击下拉菜单
、、、、
我对这段代码中的js有问题。我有两个可点击的下拉，但其中只有一个(第一个下垂)正在工作。我不知道怎么修理它。以下是html部分：
<div id="wrap">
<nav>
<div class="logo">
<img src="./photos-docs/ME-marine-logo.png" alt="logo" class="logo" />
</div>
<button type="button" class="b
浏览 11提问于2022-12-04得票数 0
10回答
我正在使用别人的应用程序，并且想要在具有特定href的任何< a>< /a>标记之间更改innerHTML。但是这些链接没有关联的类或ID，我不能编辑代码来给它们类或ID，有没有办法在JavaScript中通过href抓取标签呢？我想做一些类似的事情：
var theLink = document.getElementByHref("example.com");
否则，如果这是不可能的，我是否可以遍历页面中的所有链接，并选择具有我正在寻找的特定href和innerHTML的链接？
浏览 1提问于2012-10-10得票数 1
回答已采纳
我试图选择一个具有以下类的DOM元素：
mq-editable-field mq-math-mode mq-field
我试过使用：
document.getElementsByClassName('mq-editable-field mq-math-mode mq-focused')
这不起作用，我是否应该使用另一个文档功能？我在用香草javascript。
浏览 3提问于2022-05-19得票数 1
回答已采纳
基本上是想在JS (Firefox Addon)中找出如何从我目前正在访问的网页中获取URL。我在网上查过了，但没能让它开始工作。具体标签如下：
<a class="down-btn sec-place" href="http://link.com" view="item for view">Viewing</a>
它在div，ul和li标签内。我不确定我是否需要提供更多的信息，或者实际的标签，所以请随时告诉我。
谢谢大家
-编辑
到目前为止，谢谢大家，就我所尝试的而言，我通常使用的是某种变体
document.getEl
浏览 1提问于2016-02-12得票数 0
回答已采纳
1回答
我有以下问题，我试图使用javascript和bulma框架使用两个下拉列表
但问题是，当我单击它时，只显示一个下拉列表，但如果单击第二个下拉列表，它就不会打开。
<div class="dropdown">
<div class="dropdown-trigger">
<button class="button" aria-haspopup="true" aria-controls="dropdown-menu">
<span>Dropdow
浏览 0提问于2021-04-20得票数 1
回答已采纳
使用ES6箭头函数，我试图在共享相同类名的多个锚链接中的任何一个上应用一个悬停状态。但是，只有当我悬停在第一个元素上，而不是其他元素时，以下内容才能起作用。我从这个逻辑中遗漏了什么？
HTML：
<nav id="demo-links">
<a href="/" class="mlink">Link A</a>
<a href="/" class="mlink">Link B</a>
<a href="/" cla
浏览 0提问于2018-09-05得票数 0
回答已采纳
1回答
我正在创建一个Tamper猴子脚本，允许您从Reddit的首页隐藏subreddits。一切都很好，但只在第一页。问题是，当您开始滚动时，Reddit将加载新项(无限滚动)，并且代码不能用于添加的新项。
我试图添加一个事件侦听器，但这不起作用。当您正在滚动时，项目仍然会出现。
window.addEventListener("scroll", function(){
document.querySelector('a[href*="politics"]').parentElement.parentElement.parentElement.pa
浏览 5提问于2020-02-26得票数 0
回答已采纳
我很难为下面的代码编写document.querySelector。目前，我已经以querySelector的形式编写了这段代码，但它并不包括所有的内容.
请帮我改进一下，谢谢。
编辑：似乎有些混乱，让我详细说明一下。我希望所有的元素，从div，a，img，所有东西都包含在querySelector中。
var areaa = document.querySelector("#menu #envelope #links");
<div id="menu">Click here to browse the internet.
<div id
浏览 4提问于2020-02-26得票数 0
目前，我正在学习JavaScript (从3周前开始在大学学习)，我正在努力创建一个移动菜单，您可以通过它来显示或隐藏隐藏的菜单。
这里的问题是JS只针对第一类而不是所有的类。你需要点击两次才能显示出起作用的元素。
我将非常感谢一些指导，并希望得到一个补偿，以帮助我理解问题。
谢谢
<script>
const btn = document.querySelector('.navigation-main-mobile .menu-item-has-children');
const box = document.querySelector('.navigat
浏览 5提问于2022-06-16得票数 1
回答已采纳
我有一个脚本，与互联网外接顺序(即)，我需要循环选择字段，它是没有ploblem，但4个元素得到相同的ID (在同一页)。
我如何让它循环通过这四个字段？我能让他们更具体化吗？
我使用的代码如下：
ie.document.getElementByID("DownloadImage").Click
ie代码如下:字段1
<a id="DownloadButton" href="javascript:__doPostBack('ctl00$ctl00$MainContent$MainContent$ctl00$declaratiebestand
浏览 0提问于2018-10-10得票数 2
回答已采纳
1回答
我试图创建一个具有HTML，CSS和Javascript的侧面导航。我能够创建函数来打开和关闭导航。我遇到的问题是，即使导航关闭，我也没有注意到，直到我添加了背景图像，链接仍然会弹出。我在li和link上都尝试了display: none；。结果是没有链接出现，如果我尝试查看，只有Home链接出现。以下是我的代码 <nav>
<p class="brand">DreamJob</p>
<div class="burger">
<
浏览 15提问于2021-11-06得票数 0
我的问题是我只能在我的第一个“侧菜单”div上切换“活动”类，而不是其他的。请看一下我的密码，让我知道出了什么问题。
当活动时，左边会有一个跨度，显示它是当前的选择，请参考附加的图像。
HTML脚本
<div class="sidebar">
<div class="side-menu">
<a class="side-option" href="#beverages"><img src="images
浏览 2提问于2022-08-19得票数 0
2回答
我想知道我的剧本是否还好。请检查我的代码：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Menu</title>
<style>
ul {list-style-type:none; margin:0; padding:0;}
li {display:inline;}
a.active {background:red;}
</style>
</head>
<body>
<ul>
浏览 0提问于2014-01-02得票数 4
回答已采纳
我有一个显示在小屏幕上的导航系统。我的目标是在每次点击导航中的锚标签时隐藏它。到目前为止，我已经尝试了多种选择，但似乎都不起作用。我认为真正的问题是我不知道如何选择菜单中的所有锚标签。我正在寻找的解决方案必须是纯JS。提前谢谢你。
<nav id="mySidenav" class="sidenav">
<a href="#about">About</a>
<a href="#services" onclick="clos
浏览 53提问于2018-01-12得票数 0
回答已采纳
1回答
嗨，我试图使细节出现时，我悬停在特定的图像，我使用了JS .它只适用于第一个图像，而不适用于其他图像。
下面给出了代码
还添加了图像以供参考。
<div class="portfolio-item">
<div class = "ourworks-photobox">
<div class = "item branding">
<img class = "ourworks-photo module" src
浏览 0提问于2018-07-19得票数 1
回答已采纳
在不使用jQuery或任何其他库的情况下，目的是通知用户将使用警报事件访问哪个URL。在标记中，有多个<a>标记，每个标记具有不同的href值，当用户单击<a>标记时，会显示一个alert事件，说明用户在实际离开网站之前要去哪里。
工作流：
文件加载
用户单击<a>标记
显示带有单击的alert标记的href值的<a>事件。
一旦用户关闭alert事件，浏览器将开始加载href网站。
代码示例：
document.querySelector('a').onclick = function(e) {
浏览 24提问于2022-06-03得票数 1
回答已采纳
1回答
当我滚动时，我想把我的按钮(2)固定在页面中。
这是我的JavaScript函数：
function init() {
window.addEventListener('scroll', function(e){
var distanceY = window.pageYOffset || document.documentElement.scrollTop,
shrinkOn = 350,
btn = document.querySelector("button");
if (distanceY > Sh
浏览 1提问于2017-01-24得票数 0
回答已采纳
5回答
是否可以使用选择所有href以"ABC“结尾的<a>链接？
例如，如果我想要找到这个链接<a href="http://server/page.aspx?id=ABC">
浏览 0提问于2008-11-20得票数 688
回答已采纳
如何在"li“标签中添加"active”类，而不是"a“标记。我的代码：
var url = document.URL;
$('#example li a[href="'+url+'"]').addClass('active');
浏览 4提问于2013-09-25得票数 1
回答已采纳
是否有可能(没有jquery)使用纯javascript对nth-child()和nth-last-of-type()进行上诉？我希望在很大程度上避免使用jquery。
浏览 0提问于2013-09-03得票数 4
我做了一些研究，关于在JavaScript中改变图像的src有很多问题。不过，我想改变src的三个图像时，点击按钮在一次。
HTML：
<ul class="items-list">
<li><a href="#!" onclick="changeImage()">Shoes</a></li>
<li><a href="#">T-shirts</a></li>
</ul>
<div class="
浏览 0提问于2018-03-18得票数 1
回答已采纳
2回答
如果与当前页面的url中的#锚匹配，我希望右边边栏中的链接更改颜色。
Example>如果这是URL：
然后链接“解决方案”中的“在这个页面上”的侧边栏模块应该改为绿色。
我试过了，但没有用：
document.querySelectorAll('a[href="'+document.URL+'"]').forEach(function(elem){elem.className += ' current-link')});
这个在我的custom.css里
.current-link {
color: green;
浏览 2提问于2021-08-17得票数 1
回答已采纳
如果我有这样的嵌套列表：
<div class="nav">
<ul>
<li><a href="#number-one">Number 1</a></li>
<li><a href="#number-two">Number 2</a></li>
<ul>
<li><a href="#number-three&#
浏览 15提问于2022-07-11得票数 1
我使用进行页面转换，并想知道如何突出显示当前活动的链接。假设我有一个页面结构，如下所示：
<nav>
<a href="/page-1">Page 1</a>
<a href="/page-2">Page 2</a>
</nav>
<main id="swup">
<!-- content -->
</main>
每次单击nav a后，页面内容将被替换，但我希望对当前活动的链接具有不同的样式。
谢谢你的帮助！
浏览 6提问于2022-02-03得票数 0
回答已采纳
我有一个小问题，让一个开关以粒子的方式工作，因为我所知道的是不能用开关来完成的--这就是为什么我在这里写文章，看是否有人能给我展示最好的方法。因此，目前我有3个div，所有这些都有onclick事件，每个都有一个切换css类。我想要实现的是，当单击其中一个时，如果另一个是活动的，则返回到以前的类。
function orgClick(clicked_id) {
var id = (clicked_id);
document.getElementById(id).classList.toggle('org_container_active');
}
.org_con
浏览 0提问于2018-03-28得票数 1
回答已采纳
1回答
很长一段时间以来，我一直使用汉堡包菜单作为我的网站，全屏导航覆盖与绝对定位，导航打开是height=100%和close="0%“。它基于本教程：
如果我使用一个DIV作为链接的容器，它可以很好地工作:打开/关闭按钮也很好--锚链接在单击它们时会自动关闭。一切都很好。
考虑到可访问性-语义，我会使用UL作为容器而不是DIV，这就是问题所在。结果是，只有UL上的第一个锚链接按预期的方式关闭了，而其他的则没有。我不明白。
HTML
<section class="menu">
<!-- close menu -->
<butt
浏览 3提问于2020-04-29得票数 1
回答已采纳
我想通过JavaScript将参数添加到锚标签中。我不想使用jQuery来达到这个目的。这是我的html锚标记
<div class="u-right u-half"><a href="http://example.com/register/" class="u-button u-alt">Register</a></div>
我可以用jquery做到这一点，但我想用JavaScript做到这一点。下面是我的jquery，但我想使用JavaScript
jQuery('.u-right .u
浏览 0提问于2018-08-22得票数 3
我对javascript有一个非常基本的理解，并且已经成功地创建了一个bookmarklet来向上一个子目录并替换目录名。
代码：
javascript:(function(){var pathArray=window.location.pathname.split('/');var newPathname=pathArray[0]+"/"+pathArray[1]+"/"+pathArray[2]+"/"+pathArray[3]+"/"+pathArray[4]+"/s2450-k/";docu
浏览 4提问于2013-01-04得票数 0
我的html如下所示
<a class="jx_ui_html_a" target="_blank" __jx__id="___$_2854__a" href="https://www.kitty.com">
<div class="jx_ui_html_div path_title" __jx__id="___$_2854__path"></div>
</a>
和
我正在尝试找到一个greasemonkey脚本，如果A类为jx_ui_htm
浏览 1提问于2015-04-19得票数 1
1回答
我有一个简单的ul与一些李项目，其中有些有一个孩子ul在他们里面。
<ul class="wrapper">
<li>
<a href="#">Link1</a>
<ul class="subnav">
<li>subLink1</li>
<li>subLink2</li>
</ul>
</li>
浏览 1提问于2021-06-25得票数 1
回答已采纳
2回答
Excel VBA提取href值
、、、、
我有一个宏，它试图从一个页面中提取所有的href值，但是它似乎只得到了第一个。如果有人能帮我，那将是非常感谢的。
我使用的URL是
<div class="_3-98" data-testid="marketplace_home_feed">
<div>
<div>
<div class="_65db">
<a class="_1oem" href="/marketplace/item/920841554781924&#
浏览 0提问于2018-09-23得票数 2
回答已采纳
2回答
我希望做到这一点： .LoanAppLine:nth-of-type(5) tr {
...
} 但在JavaScript中。我试过了，但不确定如何让它工作。 document.getElementsByClassName('LoanAppLine')[5] tr.style.display = 'none'; 我只想更改嵌套tr中的CSS。
浏览 16提问于2020-10-31得票数 3
回答已采纳
基本上，我是在尝试，但它不起作用.可能是因为：
url为"index.php?cat=Lifestyles&do=Arrive“，链接的html为"index.php?cat=Lifestyles&do=Arrive”。
或者，这是一个很长的机会，因为我正在本地主机(wampserver)上测试它，而不是在实际的"webserver“上测试它。
浏览 6提问于2013-02-06得票数 1
enter code here#问题与Fancybox画廊#在旋转木马视图中有多个画廊的问题
我的问题是！
Category1显示旋转木马中的所有图像，而不仅仅是Category1。
对于Category2到Category5，所有显示都是正确的。
总之，一切都显示出了它应该做的。
正如前面提到的，只在Category1中发布。
试过很多事情，我希望你能在这里帮我
@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@500;600;700&display=swap");
/
浏览 7提问于2022-04-08得票数 1
回答已采纳
3回答
我正在使用以下简单代码向菜单项中添加一个类，该菜单项具有浏览器中的当前URL：
jQuery(document).ready(function(){
jQuery(".menuzord-menu a").each(function(){
if(jQuery(this).attr('href') == document.URL){
jQuery(this).addClass('active');
}
});
});
这是可行的，但在应用active类之前有很小的延迟。
浏览 2提问于2015-04-21得票数 0
回答已采纳
5回答
我在一个li中有两个带有class="tree"的height"，当有人单击它的父li时，我想将height"设置为ul.sub-menu。但它对第二个li不起作用。运行片段
document.querySelector(".tree").addEventListener("click", function () {
var height = document.querySelector(".sub-menu").scrollHeight;
document.querySelector(
浏览 4提问于2021-01-11得票数 1
1回答
我有一个从数据库中填充的表，其中有一个下拉菜单，该菜单沿php中的代码生成的表填充。Im绑定使用javascript和css使每个下拉打开点击，但我似乎无法使它工作。我已经包括了下面的代码。我最初让脚本工作，但它只在下拉列表的第一个实例上工作。我查看了一个类似的帖子，我想做什么，但这是徒劳的。
CSS
background-color: #04AA6D;
color: white;
padding: 5px;
font-size: 12px;
border: none;
text-transform: uppercase;
}
.yardDropbtn i{
fo
浏览 5提问于2022-04-25得票数 0
如何选择包含某个关键字的页面上的所有链接。我希望所有的链接，其中包含‘亚马逊’的链接。有些链接可能是https或http，所以我不能这样做
let amazonLinks = document.querySelectorAll('[href*="https://www.amazon"]');
浏览 22提问于2019-08-05得票数 0
2回答
我有个问题。我有一个HTML页面，它在同一个脚本标记中有一个javascript代码和一个jQuery代码。
下面是带有javascript和jQuery的html：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name
浏览 1提问于2015-04-22得票数 0
回答已采纳
我知道document.URL不能被设置，而location.href可以。
但该文件指出：
URL是DOM级别0 location.href属性的替代品。
那么我们什么时候才能使用document.URL
浏览 7提问于2011-03-22得票数 60
回答已采纳
我从零开始学习javascript。我目前正试图掌握DOM。我有这样一个HTML页面：
<html>
<head>
<title>javascript</title>
</head>
<body>
<h1>Welcome to javascript</h1>
Visit me <a href="facebook.com">here.</a>
<p> <img id="image" src=&
浏览 5提问于2015-11-20得票数 0
回答已采纳
我有两个导航框，第一个有一个CSS类.one，第二个是空的。对于第一个导航框，我通过检测类名.one为JavaScript指定了一个边框。但是我也得到了第二个导航框的边框，尽管它没有一个类。在这里，我使用模板字面量方法。我知道我可以像下面的let li = document.querySelectorAll(".one > ul li");一样直接在querySelectorAll方法中使用类名来解决这个问题。但我需要模板文字的解决方案，这是最有用的，我也使用一些其他项目。我主要需要将类名表示为一个变量。以下是我的代码。有人能帮我这个忙吗。提前感谢！
let par
浏览 0提问于2021-11-15得票数 0
document.location.href和document.URL有什么不同？是否存在兼容性问题？
浏览 1提问于2010-12-01得票数 1
回答已采纳
背景:对于我的网站，我必须在一个表格中计算选中的复选框的数量。根据结果，会有不同的“输出”。只要选中少于或等于2个复选框-->输出A。如果选中2个以上的复选框或选中第一个复选框-->输出B。 现在来看我的问题:我特别不理解这行代码： const checked = [...this.querySelectorAll(".choice:checked")].map(inp => +inp.value); 如果我理解正确的话，它会检查表单中的所有输入域，添加并转换结果。但是为了解决这个问题，我如何在这里实现一个只给第一个复选框的ID呢？ 还有另一个问题:我是否可
浏览 15提问于2021-02-08得票数 0
回答已采纳
整天被困在这里，试图调试我的代码有什么问题。为什么事件侦听器只在一个按钮中工作？即使我在querySelector中使用类。
我使用PHP来迭代数据库中的所有数据，因此按钮也在循环中。
PHP/HTML
<?php
foreach ($employees as $employee) {
?>
<td><?php echo $employee['name']?></td>
<td>Php. <?php echo $employee['salary']?
浏览 1提问于2019-09-07得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
