最初にタグについてIEに伝える必要があります。呼び出す前に、この行をどこかに追加してくださいaddDateFormatInfo():
document.createElement("showDateFormat");
IEは要素を正しく初期化するようになりました。他の要素と同じように扱うことができます。Firefoxはこれを自動的に行います。
ソースブログの投稿は次のとおりです。
http://ajaxian.com/archives/getting-html-5-styles-in-ie-7
IE7での起動のサポートcreateElement()-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>
Date From:<showDateFormat/>
</div>
<div>
Date From:<showDateFormat/>
</div>
<p><input type="button" value="click me" onclick="addDateFormatInfo()" />
</p>
</body>
</html>