动态改变弹出框的内容

来源:互联网 发布:阿里云备案管理系统 编辑:程序博客网 时间:2024/06/03 14:29

在一个页面中相同功能的弹出框一个就够,多写就是浪费资源。接下来展示一种方法:

<!--弹出框-->    <ul class="soye-wx">        <li>温馨提示</li>        <li></li>        <li><p id="change">恭喜您!获得流量20M</p></li>        <li><input type="button" value="确 定"  class="soye-wx-ip"></li>    </ul>

对于这种弹出框我们只需要改变p标签里面的内容就可以实现该功能。对p标签增加一个id。然后根据id动态改变弹出框内容。

document.getElementById('change').innerHTML="恭喜您,获得一等奖";$(".soye-wx").show();