Css 设置div'；s风格为；无”；或；块；使用javascript不会'；在IE9中不起作用，但在Chrome中起作用
我有一个表格，我正在放在网页上，我的大多数用户将使用IE。顶部有一系列单选按钮，当选择其中任何一个时，下面的表格应该会更改。代码如下：Css 设置div'；s风格为；无”；或；块；使用javascript不会'；在IE9中不起作用，但在Chrome中起作用,css,google-chrome,html,internet-explorer-9,Css,Google Chrome,Html,Internet Explorer 9,我有一个表格，我正在放在网页上，我的大多数用户将使用IE。顶部有一系列单选按钮，当选择其中任何一个时，下面的表格应该会更改。代码如下： <html> <head> <script language="javascript"> function prepareForm() { var t = document.getElementById('top'); document.getElementById('search1').style.top = t.s
<html>
<head>
<script language="javascript">
function prepareForm() {
var t = document.getElementById('top');
document.getElementById('search1').style.top = t.style.top + t.style.height;
document.getElementById('search2').style.top = t.style.top + t.style.height;
document.getElementById('search3').style.top = t.style.top + t.style.height;
}
function displayForm() {
var a = document.getElementsByName('search');
var b = document.getElementsByName('searchBy');
for (i=0;i<a.length;i++) {
if (!b[i].checked) {
a[i].style.display="none";
} else {
a[i].style.display="block";
}
}
}
</script>
</head>
<body style="font-family:calibri;text-align:center;" onLoad="displayForm();">
<div id="top">
<center><h3>My webpage</h3></center>
<br>
<form method="post" action="results.html" name='myForm'>
<center><font face='calibri'>Search By:</center><br>
<center>
<input type="radio" name="searchBy" value="search1" checked onClick="displayForm();">Form one
<input type="radio" name="searchBy" value="search2" onClick="displayForm();">Form two
<input type="radio" name="searchBy" value="search3" onClick="displayForm();">Form three
</div>
<!-- search area 1 -->
<div name="search" id="search1" style="margin-left:auto;margin-right:auto;display:block;">
<p>Form 1</p>
<input type="Submit" value="Submit">
</div>
<!-- search area 2-->
<div name="search" id="search2" style="margin-left:auto;margin-right:auto;display:none;">
<p>Form 2</p>
<input type="Submit" value="Submit"></b>
</div>
<!-- search area 3 -->
<div name="search" id="geoSearch" style="margin-left:auto;margin-right:auto;display:none;">
<p>Form 3</p>
</div>
</body>
</html>
函数prepareForm（）{
var t=document.getElementById（'top'）；
document.getElementById（'search1'）.style.top=t.style.top+t.style.height；
document.getElementById（'search2'）.style.top=t.style.top+t.style.height；
document.getElementById（'search3'）.style.top=t.style.top+t.style.height；
}
函数displayForm（）{
var a=document.getElementsByName（'search'）；
var b=document.getElementsByName（'searchBy'）；
对于（i=0；i
如果你真的需要帮助，从寻找原因开始
发件人：：
此方法对ID和名称执行不区分大小写的匹配
属性，这可能会产生意外的结果
在阅读了一些关于它的信息后，通过一个
进行验证，尝试替换您的“姓名”和“id”，使它们匹配，然后测试它，然后返回这里，提供详细信息和更多信息，以便我们可以尝试进一步帮助您
PostScriptum：当我读到这篇文章时：“我不知道language属性已经从HTML4中过时了”感觉像是该死！我是不是在浪费时间去帮助一个永远不会在web UI开发生涯中成长的人，他没有全心全意地做家庭作业，而且很可能成为一个“复制粘贴者”来到Stackoverflow要求“做这件事是因为我做不到”。[注]脚本的属性language
已弃用。@在HTML5中，脚本的Mr_Green属性language
已弃用）@mdesdev是的，我不是说旧的HTML4或HTML3:Planguage
属性已从HTML4中过时。XHTML是HTML4或HTML5的XML序列化。我不知道language
属性已从HTML4中过时，感谢您提供的信息；）该错误似乎与document.getElementById（）无关。此代码：错误似乎与document.getElementById（）无关。此代码：var a=document.getElementsByName（'search'）；var b=document.getElementsByName（'searchBy'）；似乎为a和b提供了两个不同的数字（在我的示例中，两者应等于3）。在IE中，a=0和b=3，而在Chrome中，a=b=3，这是我所期望的。元素中的“名称”似乎不是有效属性。我找到了另一种方法。通过“我找到了另一种方法”你的意思是，你解决了问题，这个问题即将被删除？