JS获取CSS动态ID并增加一个style

html-css021

JS获取CSS动态ID并增加一个style,第1张

<div class="div" id="0" style="position: fixedz-index: 2147483646left: 0pxwidth: 100%text-align: centerbottom: -5px background:red">

</div>

//上面的样式,修改了一下,加了一个class和设置了一个背景图。

<script type="text/javascript">

var div = document.getElementsByClassName('div')[0]

//在它的后面加上''转换成字符串

var oid = oRandom(1,99999) + '' 

//设置新的id值

div.setAttribute('id',oid)

//设置样式

div.style.height = '100px'

//用下面的函数,产生一个n-m的随机整数

function oRandom(n,m){

  var c=m-n+1

  return Math.floor(Math.random()*c+n)

}

</script>

//我不知道你有什么用,但是无论id值怎么变,div的高度都是恒定的。

你只能用css写好样式,然后用js控制滚动条的位置,css不能控制滚动条的位置的,css只是默认位置,启示位置都是0,你数据是添加到最下面,那么你控制滚动条就要到最下面,或者你添加数据到最上面,那么久不用下拉滚动条到最下面位置了