需要准备的材料分别有:电脑、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>