js获取a标签的href值

JavaScript09

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值被成功取出并打印了，如下图所示。这样，问题就解决了。

就是这两个标签同步吧，提供下思路思路：

方式一：input设置ID，当点击a标签时取a标签的文本并赋给input。

方式二：点击a标签时，执行onclick事件时，把值直接传给js函数，取到值后赋给input。

以下方式一实现代码，方式二的不写了。供参考。

<script language="javascript">

function gettext(obj) {

document.getElementById('inputval').value=obj.innerText

}

</script>

<input type="text" id="inputval" name="inputval" />

<br>

<a href="#" onclick="gettext(this)">111</a>

<a href="#" onclick="gettext(this)">222</a>

<a href="#" onclick="gettext(this)">333</a>

js正则表达式  /<a.*?>(.*?)<\/a>/ig

完整的Javascript正则匹配a标签内容的程序如下

<script type=text/javascript>

 var str = "<a onclick=\"statistics.packagename('com.ys137.app')\" href=\"javascript: void(0)\">com.ys137.app</a><a onclick=\"statistics.keyword

('3')\" href=\"javascript: void(0)\">3</a>" 

     var regex = /<a.*?>(.*?)<\/a>/ig 

 var result 

 while((result= regex.exec(str))!=null)

  alert(result[1])

</script>

运行结果

com.ys137.app

3