Javascript 尝试将CSS样式应用于特定HMTL div时出现问题?
下面的HTML结构将两个页面或视图包装在一个视图中,您可以通过单击第一个视图底部的“下一步”按钮转到第二个视图:Javascript 尝试将CSS样式应用于特定HMTL div时出现问题?,javascript,html,css,Javascript,Html,Css,下面的HTML结构将两个页面或视图包装在一个视图中,您可以通过单击第一个视图底部的“下一步”按钮转到第二个视图: 功能显示(显示、隐藏){ document.getElementById(如图所示).style.display='block'; document.getElementById(隐藏).style.display='none'; 返回false; } 第1/2部分 下一个 第2/2部分 CSS应该如下所示: [data-testid="crowd-submit&quo
功能显示(显示、隐藏){
document.getElementById(如图所示).style.display='block';
document.getElementById(隐藏).style.display='none';
返回false;
}
第1/2部分
下一个
第2/2部分
CSS应该如下所示:
[data-testid="crowd-submit"] {
display: none;
}
还有JavaScript:
function show(shown, hidden) {
document.getElementById(shown).style.display = 'block';
document.getElementById(hidden).style.display = 'none';
document.querySelector('[data-testid="crowd-submit"]').style.display = 'inline-block'; return false;
}
CSS应该如下所示:
[data-testid="crowd-submit"] {
display: none;
}
还有JavaScript:
function show(shown, hidden) {
document.getElementById(shown).style.display = 'block';
document.getElementById(hidden).style.display = 'none';
document.querySelector('[data-testid="crowd-submit"]').style.display = 'inline-block'; return false;
}
功能显示(显示、隐藏){
document.getElementById(如图所示).style.display='block';
document.getElementById(隐藏).style.display='none';
//在下面添加代码
document.querySelector('[data testid=“crowd submit”]')。style.display='block';
返回false;
}
功能显示(显示、隐藏){
document.getElementById(如图所示).style.display='block';
document.getElementById(隐藏).style.display='none';
//在下面添加代码
document.querySelector('[data testid=“crowd submit”]')。style.display='block';
返回false;
}
感谢您的帮助,但是,如果应用此选项,您将删除所有视图的“提交”按钮。我只想将此应用于第一个视图。然后使用javascript隐藏按钮,例如``函数show(显示,隐藏){document.getElementById(显示).style.display='block';document.getElementById(隐藏).style.display='none';document.querySelector('[data testid=“crowd submit”]')。style.display='none';return false;}“谢谢,这正好相反。如何仅将其应用于第一个视图,而不是第二个视图?然后需要添加css,默认情况下隐藏按钮(我在上面发送的按钮),并将javascript更改为document.querySelector(“[data testid=”crowd submit“]”)。style.display=“inline block”;像这样,谢谢你的帮助,但是,如果你应用这个,你将删除所有视图的提交按钮。我只想将此应用于第一个视图。然后使用javascript隐藏按钮,例如``函数show(显示,隐藏){document.getElementById(显示).style.display='block';document.getElementById(隐藏).style.display='none';document.querySelector('[data testid=“crowd submit”]')。style.display='none';return false;}“谢谢,这正好相反。如何仅将其应用于第一个视图,而不是第二个视图?然后需要添加css,默认情况下隐藏按钮(我在上面发送的按钮),并将javascript更改为document.querySelector(“[data testid=”crowd submit“]”)。style.display=“inline block”;这样地