博客列表 >javascript文本替换

javascript文本替换

深海巨兽皮皮虾的博客
深海巨兽皮皮虾的博客原创
2018年04月09日 20:42:32923浏览

代码:

<div class="">
       //demo(this)传递当前对象
    <a href="../image/p1.png" title="图一" onclick="demo(this); return  false;">1</a>
    <a href="../image/p2.png" title="图二" onclick="demo(this); return  false;">2</a>
    <a href="../image/p3.png" title="图三" onclick="demo(this); return  false;">3</a>
    <img src="../image/p4.png" alt="" id="img">
    <p id="p">没图</p>
</div>
<script>
    function demo(fa){
        //获取当前href值
        var img = fa.href;
        //获取title值
        var text = fa.title;
        //获取占位符
        var imag = document.getElementById('img');
        var txt = document.getElementById('p');
        //替换
        imag.src = img;
        txt.innerHTML = text;

    }
</script>


声明:本文内容转载自脚本之家,由网友自发贡献,版权归原作者所有,如您发现涉嫌抄袭侵权,请联系admin@php.cn 核实处理。
全部评论
文明上网理性发言,请遵守新闻评论服务协议