js获取a标签的href值

js获取a标签的href值,第1张

js获取a标签的href值的方法和核祥 *** 作改巧搏步骤如下:

1、首先,打开html编辑器,如下图所示。

2、其次,完成上述步骤后,创建一个新的html文件,例如index.html,然后编写相关代码,如下图所示。

3、接宽察着,完成上述步骤后,在index.html的<script>标记中,输入js代码:$('body').append($('a').attr('href')),如下图所示。

4、最后,完成上述步骤后,浏览器运行index.html页面。 此时,页面a标签的href值被成功取出并打印了,如下图所示。这样,问题就解决了。

<script type="text/javascrpt">

function setA()

{

//声明一个枝灶握变量ahrefstr

var ahrefstr=""

//先得到ID为"ahref"的div中每个A标签(会是一个数组)

var myahref=document.getElementById("ahref").getElementByTagName("a")

//循环得到每个a的href

for(i=0i<myahrefi++)

{

//将得到的每一个ahref追加到辩慎全局猛庆变量ahrefstr中

ahrefstr+=myahref[i].href.tostring()+"\\n"

}

//d出

alert(ahrefstr)

}

</script>

需要用document.createElement创建出来a标签。

<body>

<div style="width:100px 型首差height:100px border:1px solid #ccc">    

</div>

</body>

<script>芹碰

var oDiv = document.getElementsByTagName('div')[0]

var oA = document.createElement('a')   //创建a标签

oA.href = '#'    //增加a标签的href属性

oA.innerHTML = '11111111' 卜皮  //给a标签添加内容

oDiv.appendChild(oA)  //将a标签添加到div里面

</script>

</html>


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

原文地址: http://outofmemory.cn/bake/11989373.html

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

发表评论

登录后才能评论

评论列表(0条)

保存