Javascript 一个管理区域,输入用于更改猫的名称、url和点击次数(默认情况下隐藏)

Javascript 一个管理区域,输入用于更改猫的名称、url和点击次数(默认情况下隐藏),javascript,html,css,dom-events,Javascript,Html,Css,Dom Events,我使用Admin按钮创建了一个HTML表单,在.js文件中,我在Admin按钮中编写了一个click事件,以更改为: style='display:none' 致: 但它不起作用。为什么? var adminMode = { init: function() { this.adminButton = document.getElementById('admin-button'); this.adminForm = document.getElementById('admi

我使用Admin按钮创建了一个HTML表单,在.js文件中,我在Admin按钮中编写了一个click事件,以更改为:

style='display:none'
致:

但它不起作用。为什么?

var adminMode = { 
  init: function() {
    this.adminButton = document.getElementById('admin-button');
    this.adminForm = document.getElementById('admin-form');// form ID   
    this.allForm = document.getElementById('all-form'); //div ID

    this.adminButton.addEventListener('click', function (allForm) {
      this.adminForm.style.display = 'inline'
    });
  },
HTML

这就是你的意思

或管理表格

如果你写函数,这是未知的。。。。 编辑:将函数放入脚本no init中

函数显示{ document.getElementById'admin-form'.style.display='block'; } 管理 姓名: Img网址: 拯救 取消
inline或block当单击adminButton时,只需显示所需的表单按钮显示将被阻止???您可以发送表单吗?也可以发送完整代码吗?此.adminForm在单击事件功能中不起作用告诉我更多帮助:非常感谢。。但仍然不起作用:这是我的HTML获取更多信息:管理员姓名:Img URL:Save Cancel@smith Tell me forhelp@smith如果您将答案标记为绿色,我将不胜感激。此管理员表单在单击事件功能中不起作用。非常感谢。。但仍然不工作:这是我的HTML更多信息:管理员姓名:Img URL:保存取消
var adminMode = { 
  init: function() {
    this.adminButton = document.getElementById('admin-button');
    this.adminForm = document.getElementById('admin-form');// form ID   
    this.allForm = document.getElementById('all-form'); //div ID

    this.adminButton.addEventListener('click', function (allForm) {
      this.adminForm.style.display = 'inline'
    });
  },
<button id='admin-button'>Admin</button> <br><br> 
<div id='all-form'> 
 <form id='admin-form' style='display:none'> 
   Name:<br>
     <input type="text" name="firstname" value=" "> <br><br>
   Img URL:<br> 
    <input type="text" name="lastname" value=" "> <br><br> 
    <button> Save</button>  
    <button>Cancel</button> 
 </form> 
</div>
 init: function() {
    document.getElementById('admin-button').addEventListener('click', function () {
          document.getElementById('allForm').style.display = 'block';  
     });
    }
 init: function() {
    document.getElementById('admin-button').addEventListener('click', function () {
          document.getElementById('admin-form').style.display = 'block';  
     });
    }
var adminMode = {  init: function() {      
    this.adminButton = document.getElementById('admin-button');   
    //this.adminForm =   document.getElementById('admin-form');// form ID
    //this.allForm =  document.getElementById('all-form'); //div ID 
    this.adminButton.addEventListener('click', function (event) {
        document.getElementById('admin-form').style.display = 'inline'   
});

},