作者:电脑信息网日期:
返回目录:设置问题
那个div是用ajax创建的,我想用JS控制id改变上图的滚动条,美百化滚动条,获取id的方法我已经知道了,但是我不知道ajax什么度时候创建完div,JS滚动条插件要等问div创建好才会实现,现在问题来了,假如加载慢点,那么滚动条还是浏览器自带的样式,用插件写的滚动条要等加载完才答能代替浏览器的,这样就不自然,所以我想美化的滚动条一直覆盖浏专览器自带的,不想浏览器的滚动条出现,你有什么方法吗? 查看属原帖>>
// 你好,以在 BODY 生成 DIV 为例子给你讲一个吧
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript">
var create = 4; // 定义一e69da5e6ba907a686964616f334个数字,用于指定要生成多少个DIV
var idStr = ""; // 这里是生成之后的所有 div 的 id 字符串
var idList = new Array(); // 这里是生成之后,所有 div 的 id 数组
$(function() {
// 这里循环生成 create 个 div
for (var i = 1; i <= create; i++) {
// 这里指定 id = "div" + i,对应为 div1 div2 div3
var id = "div" + i;
var div = $("<div id='" + id + "'>" + id + "</div>");
$("body").append(div);// body 拼接一个 div
idStr += id + " "; // 拼接 id 字符串
idList.push(id); // 把 id 放到数组里面
}
// 如果要获得所有生成的 div 的 ,可以提供两种方法,第一种,在生成的时候,拼接字符串或者放到数组里面,第二种,在生成完 div 之后,遍历获取
// 1、这里通过循环获取 id
var eachId = "";
$("body >div").each(function() {
// 获得div的id属性,拼接起来
eachId += $(this).attr("id") + " ";
})
alert("我是each出来的id:" + eachId);
// 2、这里是生成的时候拼接的
alert("我是带出来的id:" + idStr);
// 3、这里是通过数组
var listId = "";
for (var key in idList) {
// 获取数组中存储的 id
listId += idList[key] + " ";
}
alert("我是数组遍历的id:" + listId);
})
</script>
JS为里面的每个div设置不同的ID属性e799bee5baa6e59b9ee7ad94363的代码如下:
<script>
var objs=document.getElementById("iproduct").getElementsByTagName("div");
for(var i=0;i<objs.length;i++)
{
objs[i].id="myid" + i;
}
</script>
objs[i].id="myid" + i; 遍历一下,在id后面加上遍历索引,每个div的id就不一样了,而且有规律。
扩展资料:
也可以用如下方式:
<script src="http://code.jquery.com/jquery-1.4.3.min.js" type="text/javascript"></script>
<script>
$(function(){
var i=0;
$("#iproduct div").each(
function(){
$(this).attr("id","id"+i);
i++;
}
)
});
</script>