JavaScript获取链接<a><a> 中的值

JavaScript获取链接<a><a> 中的值,第1张

1、通过js代码根据标签名a得到所有超链接标签的JavaScript对象

2、遍历存储超链接对象的数组

3、取出每一个对象,取出其href属性即可

<a href="indexhtml">首页</a>

<a href="detailhtml">商品信息</a>

<a href="carthtml">购物车</a>

<script type="text/javascript">

    var items=documentgetElementsByTagName("a");

    for(var i=0;i<itemslength;i++){

        var obj=items[i];

        alert(objhref);

    }

</script>

给你的取个id

(注意:id在同一页面上最好别有重复的,就跟身份z号一样,任何标签的最好都别重复)

然后通过id定位到该a标签:

var myA = documentgetElementById("a1")或者documentalla1;

最后就可以读取了:myAinnerHTML或者myAinnerText(前者是读取前后a标签内的所有HTML代码,后者是仅读取前后a标签内的文本值)

如:<a<baaaa</b</a innerHTML就能获取到<baaaa</b,而innerText只能获取到aaaa

还要注意以上代码中的大小写,JS是严格区分的仅供参考

1、新建一个html文件,命名为testhtml,用于讲解。

2、在testhtml文件内,在p标签内,使用a标签创建一个链接,同时设置id为mylink,主要用于下面通过该id获得a对象。

3、在testhtml文件内,给a标签添加title属性,属性值为“这是测试的链接”。

4、在testhtml文件内,使用button标签创建一个按钮,按钮名称为“获得title内容”。

5、在testhtml文件中,给button按钮绑定onclick点击事件,当按钮被点击时,执行getitle()函数。

6、在js标签内,创建getitle()函数,在函数内,通过id(mylink)获得a对象,使用attr()方法获得title属性值,即title的内容,最后,使用alert()方法将获得的内容输出。

7、在浏览器打开testhtml文件,点击按钮,查看实现的效果。

可以使用jQuery

$("a[mode='a']")each(i,item,function(){

alert($(this)attr("data"));

});

以上就是关于JavaScript获取链接<a></a> 中的值全部的内容,包括:JavaScript获取链接<a></a> 中的值、js如何取A标签中的是值、jquery如何获得a标签内title中部分内容等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/web/10183861.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-05-06
下一篇2023-05-06

发表评论

登录后才能评论

评论列表(0条)

    保存