js里如何添加A链接标签

js里如何添加A链接标签,第1张

需要用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>

比如页面有一个节点

<a href="url地址" id='testa'>连接</a>

现在要获取A标签的值,也就是“连接”

1、通过dom方式获取a标签节点

var a = document.getElementById('testa')

2、通过innerText获取标签的值

var s = a.innerText//获取“连接”

js获取a标签的href值的方法和 *** 作步骤如下:

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

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

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

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


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

原文地址: https://outofmemory.cn/bake/11891790.html

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

发表评论

登录后才能评论

评论列表(0条)

保存