Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/459.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 尝试将CSS样式应用于特定HMTL div时出现问题?_Javascript_Html_Css - Fatal编程技术网

Javascript 尝试将CSS样式应用于特定HMTL div时出现问题?

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

下面的HTML结构将两个页面或视图包装在一个视图中,您可以通过单击第一个视图底部的“下一步”按钮转到第二个视图:


功能显示(显示、隐藏){
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”;这样地