JS操作属性

最新推荐文章于 2022-07-30 14:51:39 发布

慕北丶

最新推荐文章于 2022-07-30 14:51:39 发布

阅读量717

点赞数

分类专栏： JavaScript 前端

本文链接：https://blog.csdn.net/qq_42539533/article/details/88681782

版权

JavaScript 同时被 2 个专栏收录

54 篇文章 1 订阅

订阅专栏

前端

54 篇文章 0 订阅

订阅专栏

文章目录

一.随机数的取得：
- - 1.取得随机数：
  - 2.取得从0~1的随机数：
二.JS操作节点属性

一.随机数的取得：

在Java中可以取得随机数，在JS中也可以取得随机数，使用的一个内置对象Math，调用Math对象的方法就能生成随机数

1.取得随机数：

//取得随机数
var random = Math.random();
console.log("取得的随机数是："+random);

在这里插入图片描述

2.取得从0~1的随机数：

取得 0~1 的随机数，包括0 不包括1

//取得随机数
for (var i=0;i<50;i++) {
	var random = Math.random();
	document.write("取得的随机数是："+Math.floor((random*10+1))+"<br>");
}

在这里插入图片描述

二.JS操作节点属性

我们可以使用JS取得一个元素对象，那么就可以操作节点的属性

1.操作图片的属性：

<body>
		<img src="../img/1.jpg"/>	
</body>

var img=document.getElementsByTagName("img")[0];
//取得0~1之间的数
var newSrc="img/"+Math.floor(Math.random()*10+1)+".jpg";
img.setAttribute("src",newSrc);

2.简单的图片轮播：

//准备出替换图片的地址函数
function updateImgSrc(){
	//取得图片对象
	var img=document.getElementsByTagName("img")[0];
	//修改图片的src属性
	img.setAttribute("src","../img/"+Math.floor(Math.random()*10+1)+".jpg");
}
//自动调用函数的（第一个表示调用的函数名称，第二个表示时间间隔）
window.setInterval(updateImgSrc,"2000");

以上使用随机数以及对象的img.setAttribute(name,value[,iecaseflag])方法进行了操作，第一个参数表示要替换的属性名，第二个参数表示新的值

3.使用attribute操作属性

//准备出替换图片的地址函数
function updateImgSrc(){
	//取得图片对象
	var img=document.getElementsByTagName("img")[0];
	//修改图片的src属性
	img.attributes[0].value="../img/"+Math.floor(Math.random()*10+1)+".jpg";
}
//自动调用函数的（第一个表示调用的函数名称，第二个表示时间间隔）
window.setInterval(updateImgSrc,"2000");

慕北丶

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
JS操作属性

文章目录一.随机数的取得：1.取得随机数：2.取得从0~1的随机数：二.JS操作节点属性1.操作图片的属性：2.简单的图片轮播：3.使用attribute操作属性一.随机数的取得：在Java中可以取得随机数，在JS中也可以取得随机数，使用的一个内置对象Math，调用Math对象的方法就能生成随机数1.取得随机数：//取得随机数var random = Math.random();con...
复制链接

扫一扫