触发事件,改变html标签内值
2015-07-22 13:05
666 查看
<script type="text/javascript"> function changeText(){ document.getElementById('boldStuff').innerHTML = 'Fred Flinstone'; } </script> <p>Welcome to the site <b id='boldStuff'>dude</b> </p> <input type='button' onclick='changeText()' value='Change Text'/>
还可以加样式
function getmeiquan(){ //var n=document.getElementById('username').value; //alert (n); var a=999; var str = "<span style='font-weight:700; font-size:16px'>"; var str =str+a+"</span>"; document.getElementById('boldStuff').innerHTML = str; //location.reload(); }
==============================================完整的如下
1、下拉框,选 是或否 触发事件
<select id="meiquanId" name="meiquan" onChange="getmeiquan()"> <option selected="" value="0">否</option> <option value="1">是</option> </select>
2、正常显示,第一次加载时的初始数据
<p class="pull-right" id='boldStuff'> <span style="font-weight:700; font-size:16px">¥ {$yingfu} </span> </p>
3、事件,改变html标签id='boldStuff里的内容 [注: 放在页头]
<srcipt> function getmeiquan(){ var text = document.getElementById('meiquanId').value; //alert(typeof(text)); if(text == '1' ){ var a=999; var str = "<span style='font-weight:700; font-size:16px'>¥ "; var str =str+a+"</span>"; document.getElementById('boldStuff').innerHTML = str; } if(text == '0'){ var a=888; var str = "<span style='font-weight:700; font-size:16px'>¥ "; var str =str+a+"</span>"; document.getElementById('boldStuff').innerHTML = str; } //location.reload(); } </script>
=========================
另,改变一下标签内容
js
<script> var str = '<a class=\'wx_zf pull-left\' href=javascript:zhifu(\'index.php?s=/addon/WeiSite/Alipay/index/cartid/'+id+'/addid/'+addinfoid+'/invid/'+invoiceid+'/couponsid/'+couponsid+'/paytype/2/type/'+type+'/fu/'+fu+'/apply_meibi/'+apply_meibi+'\','+addinfoid+')'+'>微信支付</a>'; document.getElementById('tihuan').innerHTML = str; </script>
html
<div id="tihuan"><a id='boldStuff2' href="javascript:zhifu('index.php?s=/addon/WeiSite/Alipay/index/cartid/{$id}/addid/{$addinfo['id']}/invid/{$invoice['id']}/couponsid/{$coupons['id']}/paytype/2/type/{$type}',{$addinfo['id']})" class="wx_zf pull-left" >微信支付</a></div>
相关文章推荐
- HTML 网页截图
- Html学习笔记4
- XHTML之基础的基础
- html格式
- 图片自动父元素小大
- HTML 数字 自动换行
- html页面的各种标签的id不能相同
- 长微博生成(将html转化为图片)原理浅析
- html标签总结
- html特殊字符
- 一步一步学习网页开发之一
- 关于一点HTML的东西(2)
- 史上最全的html标签属性用法对照表
- input属性及用法浅析
- html button标签
- Html学习笔记3
- HTML学习笔记——box
- HTML学习笔记——标签设置格式
- 如果在文档已完成加载后执行 document.write,整个 HTML 页面将被覆盖
- HTML学习笔记——块级标签、行级标签、图片标签