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

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

<div class="div" id="0" style="position: fixed;z-index: 2147483646;left: 0px;width: 100%;text-align: center;bottom: -5px; background:red;">

</div>

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

<script type="text/javascript">

var div = documentgetElementsByClassName('div')[0];

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

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

//设置新的id值

divsetAttribute('id',oid);

//设置样式

divstyleheight = '100px';

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

function oRandom(n,m){

  var c=m-n+1

  return Mathfloor(Mathrandom()c+n)

}

</script>

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

<link type="text/css" href="css/ui-lightness/jquery-ui-1810customcss" rel="stylesheet" />

<script type="text/javascript" src="js/jquery-144minjs"></script>

<script type="text/javascript" src="js/jquery-ui-1810customminjs"></script>

有几个语法错误,以下是修改后的:

consolelog("begin");

function Scroll(){

var a=0;

var b=0;

var m=0;

oli=documentgetElementsByTagName("img");//标签名要用双引号

//将j<6改成j<olilength,使用起来更灵活

//所有z-index要改成驼峰写法zIndex

//最后a少了个++,不然zIndex=0无法切换

for(var j=0;j<olilength;j++){a=j;oli[a]stylezIndex=a++;};

setInterval(Next,3000);//去掉回调函数Next的括号

function Next(){

for(var i=0;i<olilength;i++){

b=i;

if(b<olilength-1){

    m=oli[b]stylezIndex;

    oli[b]stylezIndex=oli[b+1]stylezIndex;

    oli[b+1]stylezIndex=m;

}else{

    m=oli[a]stylezIndex;

    oli[a]stylezIndex=oli[0]stylezIndex;

    oli[0]stylezIndex=m;}

};

};

};

consolelog("end");

windowonload = function(){Scroll();};

这样就可以正常运行了

通过value获得options的index编号的思路:获取所有option选项数组→循环判断value属性→取得满足要求的option的index值。如果获取options的index编号的目的是为了将其设置为选中项,那么可以有更简单的方式——直接将select对象的value属性值设置为需要选中项的value值即可。实例演示如下:

1、HTML结构

<select id="test">

<option value="0">option-0</option>

<option value="1">option-1</option>

<option value="2">option-2</option>

<option value="3">option-3</option>

<select><br>

选中项value:<input type="text" id="val"><input type="button" value="确定" onclick="fun()">

2、javascript代码

function fun(){

var val = documentgetElementById("val")value;

var select = documentgetElementById("test");  // 获取select对象

selectvalue = val; // 设置选中项

// 下面获取目标value值的option的index值

index = 0;

for(i=0;i<selectlength;i++){

if(select[i]value == val){

index = i;

break;

}

}

alert(index);

}

3、效果演示

防止闭包函数中无法正常获取当前索引i,而衍生出的一个绑定在dom元素上的数据index

参考链接即可:

>

以上就是关于JS获取CSS动态ID并增加一个style全部的内容,包括:JS获取CSS动态ID并增加一个style、导入jquery.ui.datepicker.js,但是ie报inst.dpDiv.zIndex($(input).zIndex()+1); zIndex这个方法找不到。、JS用z-index实现的轮播图为啥运行不了等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

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

原文地址:https://54852.com/web/9553977.html

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

发表评论

登录后才能评论

评论列表(0条)

    保存