如何通过javascript访问静态网页的某些元素(html不可访问)?



在这里,我想在单击类"btn"的元素时调用某个函数...然后按空格(键码 = 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>

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

document.getElementsByClassName("btn")[0]

最新更新