Zaobserwowałem go w przeglądarkach Netscape 7.0 i Phoenix 0.5 ale może pojawiać się w innych. Wiem że nie ma go w IE 6 (bo tam nie ma xhtml ;-)) ) Opera 8, Mozilla/FireFox.
A objawia się tym, że element stworzony przez document.createElement nie posiada obiektu style i nawet jak go tam na siłę wstawię to zapisywanie jego właściwości nie wywołuje efektu na stronie...
Przykład:
Kod
<!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" xml:lang="pl">
<head>
<title>Test</title>
<meta http-equiv="Content-type" content="text/html; charset=iso-8859-2" />
<script type="text/javascript">
/*<![CDATA[*/
onload = function() {
var elm = document.createElement('div')
elm.appendChild(document.createTextNode('Test'))
try {
elm.style.color = 'red'
}
catch (e) {
alert(e.message)
}
document.getElementById('test').appendChild(elm)
}
/*]]>*/
</script>
</head>
<body>
<div id="test"></div>
</body>
</html>
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pl">
<head>
<title>Test</title>
<meta http-equiv="Content-type" content="text/html; charset=iso-8859-2" />
<script type="text/javascript">
/*<![CDATA[*/
onload = function() {
var elm = document.createElement('div')
elm.appendChild(document.createTextNode('Test'))
try {
elm.style.color = 'red'
}
catch (e) {
alert(e.message)
}
document.getElementById('test').appendChild(elm)
}
/*]]>*/
</script>
</head>
<body>
<div id="test"></div>
</body>
</html>
Ktoś wie o co chodzi ?