1. 程式人生 > >7.操作div和span

7.操作div和span

.org value gb2 pan script put scrip content www

1.首先通過id獲取div對象;

2.通過div對象使用innerHTML屬性來設置div;也可使用innerHTML屬性來獲取div

 1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
 2 "http://www.w3.org/TR/html4/loose.dtd">
 3 <html>
 4 <head>
 5 <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
 6 <title>無標題文檔</
title> 7 <script type="text/javascript"> 8 9 function setDiv(){ 10 11 var myDiv=document.getElementById("myDiv");//通過id獲取div對象 12 myDiv.innerHTML="<font color=‘red‘>hello world!</font>";//通過div對象使用innerHTML屬性來設置div; 13 alert(myDiv.innerHTML);//也可以通過innerHTML屬性來獲取div
14 15 } 16 17 </script> 18 </head> 19 20 <body> 21 22 <input type="button" value="提交" onClick="setDiv()"/></br> 23 <div id="myDiv"></div> 24 25 26 </body> 27 </html>

7.操作div和span