<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>file</title>
</head>
<body>
<!--multiple 屬性可以讓input type = "file" 進(jìn)行多文件選擇-->
<!--當(dāng)選擇文件之后會(huì)生成一個(gè)FileList文件列表 里面存儲(chǔ)的是我們選擇的File對(duì)象-->
<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")
//代表獲取一個(gè)元素 用法同jquery選擇器
// document.querySelector()
//獲取一組元素 用法同jquery選擇器
// document.querySelectorAll()
// document.querySelectorAll("li")
</script>
</body>
</html>
