如何通过javascript访问静态网页的某些元素（无法访问html）？

Question

在这里，我想在单击类“ btn”的元素上调用某个功能，然后按空格键（keycode = 32）...但是它不起作用.....我在做什么错呢？ 注意：我无法访问html代码...试图通过仅使用脚本来使其工作

<body>
      <div class="container">
          <div class="row">
            <div class="autocreate-submit">
              <div class="panel-body">
               <br/>
                <form id="command" role="form" style="display:inline;" class="form-inline" action="Nextpage" method="post" enctype="multipart/form-data"> 
                  <div class="form-group">
                    <input type="submit" tabindex="2" class="btn" value="Next" />                       
                  </div>
                </form>
              </div>
            </div>
          </div>
        </div>


    <script>
    (function() {
        'use strict';
        document.addEventListener('mouseup', function(){
            alert("Mouse clicked")});
        document.addEventListener('keypress', function(x){
           if(x.keycode === 32){
           alert("Space pressed")};
        });
    })();
    </script>
    </body>

Answer 1

Dhaval，例如，您可以使用以下代码使用其类名访问html文档中的某些元素。

document.getElementsByClassName("btn")[0]