怎么通过JS添加A标签

JavaScript011

怎么通过JS添加A标签,第1张

需要准备的材料分别有:电脑、html编辑器、浏览器。

1、首先,打开html编辑器,新建html文件,例如:index.html。

2、在index.html中的<script>标签,输入js代码:$('body').append('<a href="">添加的a标签</a>')。

3、浏览器运行index.html页面,此时会发现js成功添加了a标签再html上。

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

取a标签的text文本需要用到innerText;

实现思路:

方式一: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>