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():清空某元素中所有子元素,包括该元素本身