js定位span没有id

JavaScript023

js定位span没有id,第1张

js定位span没有id的原因有2点。

1、id和class都是自己加的，不加就没有，没有id和class时js可用document.getElementsByTagName("span")来获取，针对哪一个就用哪个的下标，css中识别可用后代选择器或者属性选择器。

2、不用id可以用class和name。

Div绝对定位js代码

function showDiv(name)

{

var cf=document.getElementById("DivID")

var oImg=document.getElementById(name)

var eT=0,eL=0,p=oImg

var sT=document.body.scrollTop,sL=document.body.scrollLeft

var eH=oImg.height+25,eW=oImg.width

while(p&&p.tagName!="BODY"){eT+=p.offsetTopeL+=p.offsetLeftp=p.offsetParent}

cf.style.top=((document.body.clientHeight-(eT-sT)-eH>=cf.style.posHeight)?eT+eH:eT-cf.style.posHeight)-4

cf.style.left=((document.body.clientWidth-(eL-sL)>=cf.style.posWidth)?eL:eL+eW-cf.style.posWidth)

}

从下往上走的话，就不要用top属性，改用bottom，这样写法是：(i-10)*60+'px'

如果一定要用top，就这样：(19-i)*60+'px'

<style>

div{width:50px height:50px background-color:red position:absolute font-size:30px text-align:center}

</style>

<script>

window.onload=function(){

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

      var div=document.createElement("div")

      div.innerHTML=i

      if(i<10){

         div.style.left=i*60+'px'

         div.style.top=i*60+'px'

      }else{

         div.style.right=(19-i)*60+'px'

         div.style.top=(19-i)*60+'px'

      }

      document.body.appendChild(div)

   }

}

</script>