JS自动识别DIV内容里的网址,并加上超链接<a>标签

JavaScript023

JS自动识别DIV内容里的网址,并加上超链接<a>标签,第1张

你这是要下大黄啊···

var div_content = $("#d1").text()

var urls = div_content.split("<br\/>")

拿br分割后 你再substring 拼接下 获取到url。。。

PS:用前端去获取 弱爆了。你程序后台获取 页面代码 正则获取内容 写进文件里 多方便

就是这两个标签同步吧,提供下思路思路:

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

alert(document.getElementsByTagName('main')[0].childNodes[0].nodeValue)

不过,我在html里没见过有main、item标签,不会是xml的吧,如果是的话应该没问题,childNodes是子节点集合,[0]是下标,0代表第一个元素,以此类推,nodeValue是文本节点值,如果<p></p>这样成对的文档节点可以用innerHTML取值;我看的是htmlDom的内容,用在xml应该没问题,因为节点的概念是xmlDom的。

用jQuery方便,不过是在你完全理解html和xml及Dom的情况下,不然不推荐使用。