7.操作div和span

Posted xzy不会飞的地板流

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了7.操作div和span相关的知识,希望对你有一定的参考价值。

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的主要内容,如果未能解决你的问题,请参考以下文章

拥有的50个CSS代码片段(上)

jquery元素节点操作

CSS-选择器

如何使用beautifulsoup快速操作div内的span

JS的dom获取span和div图层内容

jQuery制作一个多彩下拉菜单按钮