javascript - innerHTML working in FF but not in IE!

Question

Welcome To Ask or Share your Answers For Others

javascript - innerHTML working in FF but not in IE!

posted Oct 24, 2021 in Technique[技术] by 深蓝 (71.8m points)

javascript - innerHTML working in FF but not in IE!

In my JSP i am using a custom tag <showDateFormat/>
like:

Date From:<showDateFormat/>

and in my common.js file i am having

function addDateFormatInfo(){
    var dateFormatHolder = document.getElementsByTagName("showDateFormat"); 
    if ( dateFormatHolder ){        
        for ( i = 0 ; i < dateFormatHolder.length; i++ ){
            dateFormatHolder[i].innerHTML = '<div class="infoSmall" ><span>(mm/dd/yyyy)</span></div>';                       
        } 
    }
}

so in my page wherever there is showDateFormat tag is used, it will display (mm/dd/yyyy). It is working fine in FF, but not in IE. what could be the problem?

See Question&Answers more detail:os

与恶龙缠斗过久,自身亦成为恶龙；凝视深渊过久,深渊将回以凝视…

1 Reply

深蓝 · Answer 1 · 2021-10-23T21:35:32+0000

You need to tell IE about the tag first. Add this line somewhere before calling addDateFormatInfo():

document.createElement("showDateFormat");

IE will now initialize the element correctly - you can treat it just like any other element. Firefox does this automatically.

Here's the source blog post:

http://ajaxian.com/archives/getting-html-5-styles-in-ie-7

Support for createElement() starts in IE7 - though I works fine in FF3.0.15

Full Example

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>Home | My Website</title>
    </head>
    
    <body>

<script type="text/javascript">

document.createElement("showDateFormat");

function addDateFormatInfo(){
    var dateFormatHolder = document.getElementsByTagName("showDateFormat");     
    if ( dateFormatHolder ){        
    
        for ( i = 0 ; i < dateFormatHolder.length; i++ ){
                dateFormatHolder[i].innerHTML = '<div class="infoSmall" ><span>(mm/dd/yyyy)</span></div>';                                               
        } 
    }
}

</script>

<div>
Date From:<showDateFormat/>
</div>
<div>
Date From:<showDateFormat/>
</div>

<div>
Date From:<showDateFormat/>
</div>

<div>
Date From:<showDateFormat/>
</div>


<p><input type="button" value="click me" onclick="addDateFormatInfo()" />
</p>

</body>

</html>

Categories

javascript - innerHTML working in FF but not in IE!

javascript - innerHTML working in FF but not in IE!

Please log in or register to add a comment.

Please log in or register to reply this article.

1 Reply

Full Example

Please log in or register to add a comment.

Just Browsing Browsing

Most popular tags