欢迎各位兄弟 发布技术文章

这里的技术是共享的

You are here

js 得到 href 值 js获取a标签的href值 有大用

js获取a标签的href值    

<div class="box"> <a href="/product/detail.html?product_n o=220185&cate_n o=138&display_group=1" target="_blank">

怎么获取 a标签的href值? 求大师们详细讲解
正则表达式获取哦~ 写错了~
   
 我来答 
分享
 举报浏览 6217 次        
匿名用户 
2017-05-25    
给a标签加个id属性,获取href的值:
document.getElementById("id").attributes["href"].value;
 1   7                    
 评论 
分享
 举报
NeoWoz 
2017-05-25            

先设定一个ID

1
2
3
<a id ="a" href="/product/detail.html?product_n o=220185&cate_n o=138&display_group=1" target="_blank">                                            
var a = document.getElementById("a");                                            
     a.getAttribute("href");                                            
收起追问追答                        
追问
谢谢~ 我想用正则获取~上面的写错了~
                           
追答
你是想用正则获取href里面参数的值吧?
                           
追问
恩恩~
                           
追答
1
2
3
4
5
6
7
8
9
10
var request =                                                    
  {                                                    
    QueryString: function (val) {                                                    
     var uri = window.location.search;                                                    
     var re = new RegExp("" + val + "=([^&?]*)""ig");                                                    
     return ((uri.match(re)) ? (uri.match(re)[0].substr(val.length + 1)) : null);                                                    
     }                                                    
  }                                                    
var product_n= request.QueryString('product_n');                                                    
var display_group= request.QueryString('display_group');                                                    
追问
谢谢~谢谢~
                           
追答
望采纳
                           

来自 https://zhidao.baidu.com/question/2143779717396615548.html



使用JS获取HTML文档中的<a>标签的href值。

因为经常用到某个网站中的二维码信息,每次都需要手动打开网站,滑到对应的地方,点击一个链接才能打开图片,因此想着用一个脚本去获取这个信息。正好js可以很方便的操作HTML的DOM,所以写了一个简单的函数来试试手。

 

打开网页,打开浏览器的调试工具,获取对应的页面信息,发现其所在的节点后可以使用如下函数来获取href的值。

js = document.getElementsByClassName("hover-text")[4].getElementsByTagName('a')[0].getAttribute('href')
       

这个函数返回的值是a标签的href的值,地址如:"img/qr/xxx.png",但是这个值我们不能直接拿来用因此需要另外一种方式。如下:

js = document.getElementsByClassName("hover-text")[4].getElementsByTagName('a')[0].href
       

这个返回的数据则为:

"http://example.com/img/qr/xxx.png"

这个正是我想要的。。如果有更深入,会继续更新。

Go as far as your heart will take you.
分类: JavaScript/Web,基础功能知识        


来自 https://www.cnblogs.com/fogcell/p/7102613.html



用JS得到A标签href属性值    

<div id="ahref" name="ttt">
<a onclick="setA()" href="1.html">1</a>
<a onclick="setA()" href="2.html">2</a>
<a onclick="setA()" href="3.html">3</a>
<a onclick="setA()" href="4.html">4</a>
<a onclick="setA()" href="5.html">5</a>
</div>
<div id="t">
<a href="1t.html">1t</a>
<a href="2t.html">2t</a>
<a href="3t.html">3t</a>
<a href="4t.html">4t</a>
<a href="5t.html">5t</a>
</div>
以上代码不能做任何修改的前提下,如何用JS得到ID为"ahref"的div中每个A标签的href的属性值?
或者得到当前点击的那个A标签的href属性值也可以
alert(this.getAttribute('href',2));
没用的
   
 我来答 
分享
 举报浏览 40409 次        
lvyingtang 
推荐于2018-03-15    
<script type="text/javascrpt">

function setA()
{
//声明一个变量ahrefstr
var ahrefstr="";
//先得到ID为"ahref"的div中每个A标签(会是一个数组)
var myahref=document.getElementById("ahref").getElementByTagName("a");
//循环得到每个a的href
for(i=0;i<myahref;i++)
{
//将得到的每一个ahref追加到全局变量ahrefstr中
ahrefstr+=myahref[i].href.tostring()+"\\n";
}
//弹出
alert(ahrefstr);
}
</script>
 15   54                    
 评论 
分享
 举报收起                
zwb12340 
2010-10-25            
alert(this.getAttribute('href',2));把这句加入setA()中,点击超链接,就能看到效果了

来自  https://www.cnblogs.com/fogcell/p/7102613.html



js怎么为a标签的href赋值和移除href属性?
听语音            

  • |

  • 浏览:818

  • |

  • 更新:

  • |

  • 标签:编程语言 

  • js怎么为a标签的href赋值和移除href属性?1
  • js怎么为a标签的href赋值和移除href属性?2
  • js怎么为a标签的href赋值和移除href属性?3
  • js怎么为a标签的href赋值和移除href属性?4
  • js怎么为a标签的href赋值和移除href属性?5
  • js怎么为a标签的href赋值和移除href属性?6
分步阅读    

怎么利用js为a标签的href赋值和移除href属性?

js怎么为a标签的href赋值和移除href属性?                        

工具/原料
               

  • 最简单的一个jsp页面

方法/步骤
               

  1. 1

    首先我们先写一个a标签用于测试:

    js怎么为a标签的href赋值和移除href属性?                            
  2. 2

    然后现在可以看到a标签中并没有a标签,那么我们现在通过js来为它赋值:

    js怎么为a标签的href赋值和移除href属性?                            
  3. 3

    上面是获取所有的a标签,并取出第一个(因为现在就一个),你也可以通过geetElementById("").href来获取,方法是多样的。

    然后我们打开网页来看看结果:

    js怎么为a标签的href赋值和移除href属性?                            
  4. 4

    这样就赋值进去了,那么很多时候,我们还需要来移除href这个属性,那么移除的话就可以使用下面的方法:

    js怎么为a标签的href赋值和移除href属性?                            
  5. 5

    看看结果,最终应该是a中没有href的:

    js怎么为a标签的href赋值和移除href属性?                            
  6. 6

    是不是很简单呢?但是要注意,这个方法在太低的ie中是会有问题的,我就遇到了,哈哈要注意。


                               

    好了,以上就是关于js怎么为a标签的href赋值和移除href属性了,如果文章对您有帮助的话,请为我的文章点赞投票,文章内容都是我平时做项目中遇到问题的积累和总结,谢谢了。


                               


                               

    END                        
经验内容仅供参考,如果您需解决具体问题(尤其法律、医学等领域),建议您详细咨询相关领域专业人士。
举报作者声明:本篇经验系本人依照真实经历原创,未经许可,谢绝转载。        


普通分类: