js创建自定义标签

最新推荐文章于 2024-06-25 10:53:47 发布

原创最新推荐文章于 2024-06-25 10:53:47 发布 · 1k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#xhtml #firefox #ie #class #function #div

js 专栏收录该内容

49 篇文章

订阅专栏


In my JSP i am using a custom tag <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>'
;
                                               

        
}
 

    
}



}



IE下不能运行成功，FF下能运行成功;





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.

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



<!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>