<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>file</title>
</head>
<body>
<!--multiple 属性可以让input type = "file" 进行多文件选择-->
<!--当选择文件之后会生成一个FileList文件列表 里面存储的是我们选择的File对象-->
<div id="box">
<input name="user" type="file" multiple = "multiple">
<span class="s1"></span>
<span></span>
<span></span>
</div>
<span></span>
<script>
var input = document.querySelector("input[type = file]");
//
// var box = document.getElementById("box");
//
// console.log(box);
//
// console.log(document);
//
// //可以改上下文
// box.getElementsByTagName("span");
// document.getElementsByTagName("li");
//可以改上下文
// var s1 = box.getElementsByClassName("s1");
// console.log(s1);
//ByName 不能更改上下文
// box.getElementsByName("user");
// var div = document.querySelector("ul>li>div")
//代表获取一个元素 用法同jquery选择器
// document.querySelector()
//获取一组元素 用法同jquery选择器
// document.querySelectorAll()
// document.querySelectorAll("li")
</script>
</body>
</html>
