js遍历li标签条数判断后往页面中增加一组span标签

js遍历li标签条数判断后往页面中增加一组span标签,第1张

onload = function(){

var lis = link.querySelectorAll("li")

var num = lis % 50

for(var i=0i<numi++){

var span = docuemnt.createElement("span")

span.className = "g_listbx"

document.body.appendChild(span)

}

}

两种方法,一个是右浮的写在前面,定义右浮动

另一个是按顺序写,左边的定义左浮动,右边的定义右浮动,但这样外盒的高度要给定一下,要不容易出问题

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<HTML>

<HEAD>

<TITLE>New Document </TITLE>

<style type="text/css">

.top{

width:400pxborder:1px solid grayline-height:2em

}

.left{

float:left

display:inline

}

.right{

float:right

display:inline

}

</style>

</HEAD>

<BODY>

右浮动:<div class="top"><span class="right">右边内容写在左边</span><span >左边内容写在右边</span></div>

左右浮动:<div class="top"><span class="left">左边内容写在左边</span><span class="right">右边内容写在右边</span></div>

</BODY>

</HTML>


欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/bake/11919003.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-19
下一篇 2023-05-19

发表评论

登录后才能评论

评论列表(0条)

保存