javascript中div和span的区别？

javascript中div和span的区别？~

div和span的最主要区别在于语义上，默认情况下：
是用于组合其他 HTML 元素的容器，即下级可以嵌套其他HTML元素。基于此特征， 属于块级元素，浏览器会在其前后显示换行。
是文本的容器，即一般只包围在文本的两边。基于此特征， 属于内联元素，即在显示时通常不会以新行开始。

div是层，有相等于table中tr的作用，是区域。span包含元素，对一段文字中的某段文字加css效果时一般会用到span。

div和span的最主要区别在于语义上，默认情况下：

•  <div> 是用于组合其他 HTML 元素的容器，即下级可以嵌套其他HTML元素。基于此特征， <div> 属于块级元素，浏览器会在其前后显示换行。

• <span>是文本的容器，即一般只包围在文本的两边。基于此特征，<span> 属于内联元素，即在显示时通常不会以新行开始。

下面举例说明：

1、假设有如下的HTML元素，并且为div和span设置了边框，便于观察效果

<span>我是span元素的内容1</span> <span>我是span元素的内容2</span>
<div>我是div元素的内容1</div> <div>我是div元素的内容2</div>

2、结果如下，显示了<div> 属于块级元素及<span> 属于内联元素的特点。

最大的区别是，DIV是块元素，SPAN是内联元素，

也就是说，DIV有如下默认样式：

div{
    display:block;
}

相对地，SPAN有如下默认样式：

span{
    display:inline;
}

当然这些样式是可以通过CSS更改的，两者也存在其他一些区别，但是在现代前端开发中，DIV与SPAN的区别不再被强调，通常来说，SPAN不再那么常用。

<div>就是把里面的东西当成一整体，怎么处理都行
<span>也是把里面的东西当成一个整体，区别就是<span>是把里面的东西显示成一行
比如
<div>
<span>大连</span>
<span>很美</span>
</div>

显示的效果就是 大连很美

---

杏花岭区15729257688： javascript中DIV元素和SPAN元素的区别 - ？
戚燕美洛： javascript中DIV元素和SPAN元素的区别?我只知道html中div和span的区别 他们同为块级元素,但span又是内联对象 举例来说:<div>第一例1</div><div>第一例1</div> 显示的效果是:第一例1 第一例1 而<span>第二例2</span><span>第二例2</span> 显示的效果是:第二例2第二例2 你可以理解为div默认宽度是100%,而span无默认宽度

杏花岭区15729257688： jsp中的div是什么意思? - ？
戚燕美洛： 名字,别名 用来唯一标记出div的别名方便后边的编程在程序中(比如javascript) 可以通过这一标识来访问到这个DIV 比如改变字体: document.all(＂div-id＂).font = ＂xxxxx＂ID和class不一样 class是在使用css的时候,用来指定预定义的Style集合的名字

杏花岭区15729257688： js中DIV跟span有什么区别?？
戚燕美洛： div是层,有相等于table中tr的作用,是区域.span包含元素,对一段文字中的某段文字加css效果时一般会用到span.

杏花岭区15729257688： JS控制创建DIV并且控制DIV出现的位置 - ？
戚燕美洛： 1、js创建div的语法是createElement(＂div＂).知道这个我们就可以直接写个简单的函数先创建一个div.并添加到对应的dom元素中,可能是body窗体上也可以是div内.2、至于控制位置,则是通过js给div添加class.通过css样式来控制.具体...

杏花岭区15729257688： javascript中如何在body中动态添加div元素? - ？
戚燕美洛： appendChild参数是一个Element,比如:var el = document.createElement('div')document.body.appendChild(el)

杏花岭区15729257688： 如何用javascript控制div?知道的朋友给一段代码,谢谢.？
戚燕美洛： $(function(){ $('#divmarquee').hover( function(){ $(this).children('ul').css({display:'block'}); },function(){ $(this).children('ul').css({display:'none'}); }); }); 用jQuery可以像上面那样,先获取到id为divmarquee的元素,再在获得它的子元素,当鼠标移到那就显示,移走就隐藏.

杏花岭区15729257688： js显示和隐藏div - ？
戚燕美洛： 3个div分别给3个id,好选择 <div id=＂item1＂ class=＂licaiMain3 licaiMain4＂> <h1>显示1 <a href=＂#＂ target=＂_blank＂>显示2</a><a href=＂#＂ target=＂_blank＂>显示3</a></h1> <p class=＂wenQ＂>Q:显示1</p> <p class=＂daA＂>A...

杏花岭区15729257688： js 获取div值并输出 - ？
戚燕美洛： <div class=＂UserEvaluation＂ title=＂评价分数＂><div class=＂bg＂><div class=＂qg＂ id=＂qg＂></div></div><code id=＂ppjf＂>8.8</code></div><script> var n=document.getElementById(＂ppjf＂).innerText; document.getElementById(＂qg＂).style.width=(n*10)+＂px＂;</script>

杏花岭区15729257688： javascript 隐藏div的方法 - ？
戚燕美洛： <div id=＂1＂ onclick=＂hide(1)＂></div><div id=＂2＂ onclick=＂hide(2)＂></div><div id=＂3＂ onclick=＂hide(3)＂></div> 答案一:纯js代码下 function hide(id){ document.getElementById('1').style.display = 'none'; document.getElementById('2')....

杏花岭区15729257688： 什么是DIV? - ？
戚燕美洛： clip 给出 layer 的 clipping(可看的见的)部分.Clip 可使得 DIV 显示为一个可以定义的很准确的方块.你可以用以下的四个值来给出这个方块的在 DIV 位置和大小. clip:rect(top,right,bottom,left); visibility 隐蔽或展现DIV 根据它的值“visible”,“...