指定したDOM要素が取得できない

前提・実現したいこと

javascriptでconsole.logにquerySelectorAllで取得した要素を表示させたいのですが出来ません。

発生している問題・エラーメッセージ


```![イメージ説明](4c04e3eda00a9a83d513467d33e7da7d.png)

### 該当のソースコード

```JavaScript
(()=>{                                   

    const doc = document;
    const tab = doc.getElementById('js-tab');
    const nav = tab.querySelectorAll('[data-nav]');
    const content = tab.querySelectorAll('[data-content]');
    
    console.log('content',　content);
    })();

HTML
1<!doctype html>
2<html>
3    <head>
4        <meta charset="utf-8">
5        <link rel="stylesheet"href="tab.css">
6   
7    <style>
8      .tab {
9width:500px;    
10}
11.tab-nav{
12    display: flex;
13}
14.tab-nav-item {
15    background: #ccc;
16    color: #000;
17    padding: 10px 20px;
18    text-decoration: none;
19    border-radius: 5px 5px 0 0;
20} 
21.tab-nav-item.is-active {
22    background: #000;
23    color: #FFF;
24}    
25.tab-contents{
26    border: 1px　solid #ccc;
27    padding: 20px;
28}
29  .tab-contents-item {
30    display: none;
31}
32    </style>
33    </head>
34        <body>
35       <div class="tab" id="js-tab">
36           <a href="" class="tab-nav-item is-active" data-nav="0">Tab-0</a>
37           <a href="" class="tab-nav-item" data-nav="1">Tab-1</a>
38           <a href="" class="tab-nav-item" data-nav="2">Tab-2</a>
39        </div>
40   <div class="tab-contents">
41　　<div class="tab-contents-item" data-content="0">
42タブその0   
43　　</div>
44    <div class="tab-contents-item" data-content="1">
45    タブその1
46    </div>
47    <div class="tab-contents-item" data-content="2">
48    タブその2
49    </div>
50</div>
51   </div>
52  
53   <script type ="text/javascript" src="tab.js"></script>
54</body>
55            
56
57    </html>
58