比如当前是一个<span></span>标签,单击后变成<input type="text" />,移开后又变成<span></span>,怎么写呢?
<html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <title></title> <script type="text/javascript" src="Scripts/jquery-1.4.1.js"></script> </head> <body> <script type="text/javascript"> function s1_onclick() { $("#s1").hide(); $("#i1").show(); } function s1_mouseout() { $("#s1").show(); $("#i1").hide(); } </script> <form id="form1" runat="server"> <div style="width:100px;height: 100px" onclick="s1_onclick()" onmouseout="s1_mouseout()"> <span id="s1" >123</span> <input id="i1" type="text" value="123" hidden="true"/> </div> </form> </body> </html>
上w3c教程找找,应该有的。事件change事件?我现在也是正在这学。希望能对你有所帮助
给这个 span元素的父节点写个click事件和mouseout事件