file 的使用

<!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>

最后编辑于：2017.12.04 04:19:42

file 的使用

推荐阅读更多精彩内容