document.getElementByID在IE 8中不起作用

本文介绍了document.getElementByID在IE 8中不起作用的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！

问题描述

我之前从未这样做过，所以如果我没有充分描述我的问题或者没有使用所有正确的语法，我道歉。

I have never done this before so I apologize if I don't describe my issue good enough or don't use all the right syntax.

我有什么在我的网站上是一个电子邮件表格。用户可以键入消息，以及他们的姓名和其他一些数据。一旦他们填写完表格，他们就可以提交，然后转到我的电子邮箱，一切都很顺利。因为表单中包含JavaScript，所以我自动将其隐藏在CSS中，然后通过JavaScript将其显示出来。这样，如果用户关闭了JavaScript，则不会显示该表单。

What I have on my website is an email form. The user can type in a message, along with their name and some other data. Once they finish filling out the form they can submit it and it goes to my email and all is well. Because the form has JavaScript in it, I automatically had it hidden with CSS and then made it visible through JavaScript. That way if the user has their JavaScript turned off the form won't appear.

并且效果很好。而且我认为它也表现得很好。我在所有本地测试浏览器（Chrome 21，FF 14，IE 9，Opera 12和Safari 5）以及IE 8,7和6的Adobe Browser实验室中进行了检查。在所有这些浏览器中，它看起来很棒。我甚至在我的Android手机和我女朋友的黑莓手机上检查了它。它看起来很好。

And it works great. And I thought it displayed great too. I checked it across all my local testing browsers (Chrome 21, FF 14, IE 9, Opera 12 and Safari 5) as well as through Adobe Browser lab for IE 8, 7 and 6. In all of them it looked fantastic. I even checked it on my Android phone and my girlfriend's Blackberry. It looked fine.

直到我在妈妈的计算机上用IE 8测试它。虽然在Adobe Browserlab中它表示表单显示，但在真实的测试中，表格没有出现。

Until I tested it on my mom's computer with IE 8. Although in Adobe Browserlab it says the form displays, in a real test the form doesn't show up.

您可以自己测试。

问题在于表单id，emailForm。我的表格有这样的标记：

The issue is with the form id, "emailForm". My Form has the markup like so:

    <form id="emailForm" method="POST" action="../javascript/email_form.php" onSubmit="return validateForm();">
        <label id="emailSubjectLabel">Email Subject*:</label><input class="form" title="Email Subject" type="text" name="subject" id="emailSubject"><br>
        <label id="nameLabel">Your Name*:</label><input class="form" title="Your Name" type="text" name="name" id="yourName"><br>
        <label id="emailLabel">Your Email:</label><input class="form" title="Your Email Address" type="text" name="email" id="yourEmail"><br>
        <label id="messageLabel">Your Message*:</label>
        <textarea class="form" title="Write Something..." name="message" id="message" cols="40" rows="5"></textarea>
        <input class="button" type="submit" value="Submit">
        <p class="error">* required.</p>
    </form>

我的CSS有很多代码，但它有关于使表单不可见的问题：

My CSS has a whole bunch of code, but it has this in regards to making the form invisible:

    #emailForm, #javaText {
        display: none;
    }

（注意：#javaText是屏幕上的一些文字也是隐藏的，除非用户安装了JavaScript。它在IE 8中也不起作用。为了简单起见，我没有提到它。）

(note: #javaText is some text on the screen that also is hidden unless the user has JavaScript installed. It also doesn't work in IE 8. Just for simplicity I'm not mentioning it.)

JavaScript看起来像这样： / p>

And the JavaScript looks like this:

    document.getElementById("emailForm").style.display = "block";
    document.getElementById("javaText").style.display = "inline";

    function validateForm() {
    //function that validates the form
    }

我已将JavaScript放在页面底部，希望它会有所帮助。我已经尝试在主HTML页面上更改内容的样式，我检查了我母亲的JavaScript并启用了它。我只是不知道为什么它不起作用。

I've placed the JavaScript at the bottom of the page, hoping it would help. I've tried changing the style of the content right on the main HTML page, I've checked my mother's JavaScript and it is enabled. I just don't know why it isn't working.

如果有人能告诉我我做错了什么，我会非常感激。这让我头疼了一个星期。

If somebody could tell me what I'm doing wrong, I'd be very thankful. This has been giving me a headache for a week now.

（是的，我告诉她IE很糟糕，她应该选择Chrome，但她之所以没有这是一个完全不同的故事......）

(And yes, I've told her IE sucks and she should go with Chrome, but the reason she doesn't is a whole different story...)

感谢您的帮助。我迫不及待地想知道解决方案是什么！

Thanks for your help. I can't wait to hear what the solution is!

getElementByID在IE

document.getElementByID在IE 8中不起作用

问题描述

推荐答案