js文档对象模型，window对象，document对象，location对象

最新推荐文章于 2024-06-05 11:07:30 发布

老张不秃头

最新推荐文章于 2024-06-05 11:07:30 发布

阅读量127

点赞数

文章标签： javascript servlet 前端

本文链接：https://blog.csdn.net/m0_73646715/article/details/127080347

版权

js随机抽奖,抽奖系统

<body>
		<span id="result">
			
		</span>

		<script type="text/javascript">
			var uname=["张三","李四","王五","赵六","小白","小明","小红"]
			var newname=[]
			do{
				var index=Math.floor(Math.random()*uname.length)
				if(newname.indexOf(uname[index])==-1){
						newname.push(uname[index])
					}
			}while(newname.length<5)
			document.getElementById("result").innerHTML=newname.join("<br/>")
		
		</script>
	</body>

JavaScript中的对象分为：自定义对象，js内置对象，浏览器内置对象

浏览器分层结构

Dom的核心对象就是document对象

document对象是浏览器内置对象的一个对象，里面存储着专门用来操作元素的各种方法

getElementById() 通过id获取元素

getElementsByTayName(): 通过元素名获取元素，得到一组标签

getElementByName(): 通过标签的name属性的值来获取标签，得到的也是一组元素

getElementsByclassName("sp"): 获取到应用了class且值为sp的所以标签

querySelector():通过选择器获取标签，得到的是单个标签

querySelectorAll():通过选择器获取标签，获取的是满足条件的所有标签添加

appendChild():给某个标签添加子元素

firstElementChild：删除某元素中第一个子元素

lastElementChild: 删除某元素中最后一个子元素

removeChild():删除的是子元素

remove()：清空某元素中所有子元素，包括该元素本身

老张不秃头

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
1
评论
js文档对象模型，window对象，document对象，location对象

js文档对象模型，window对象，document对象，location对象，js随机抽奖,抽奖系统。JavaScript中的对象分为：自定义对象，js内置对象，浏览器内置对象，浏览器分层结构
复制链接

扫一扫