Javascript 一个管理区域,输入用于更改猫的名称、url和点击次数(默认情况下隐藏)
我使用Admin按钮创建了一个HTML表单,在.js文件中,我在Admin按钮中编写了一个click事件,以更改为: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
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'
});
},