JavaScriptにてclass要素を取得

###前提・実現したいこと
JavaScriptにてclassを取得し、きちんと取得できているかどうか確認したが、何も表示されません。console.log(open)では取得できているように見えるのだが、クリック時にconsole.log(ok)を設定すると何も表示されない原因がよくわからない状態です。

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

html
1<html>
2<head>
3<meta charset="UTF-8">
4<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
5<meta name="format-detection" content="telephone=no">
6<title></title>
7<link rel="stylesheet" href="css/reset.css">
8<link rel="stylesheet" href="css/base.css">
9<link rel="stylesheet" href="css/style.css">
10</head>
11<body>
12<div class="wrapper">
13    <p class="modal-show">ここをクリック</p>
14</div>
15</body>
16</html>
17

javascript
1<script type="text/javascript" src="js/jquery.js"></script>
2<script type="text/javascript">
3
4    var open = document.getElementsByClassName("modal-show");                           
5
6    console.log(open);
7
8    open.onclick = function(){
9        console.log("ok");                                                   
10    }
11</script>
12