отображение сгенерированного javascript div в IE7 - PullRequest
Новая
       16

отображение сгенерированного javascript div в IE7

0 голосов
/ 08 февраля 2009

Следующий код показывает, что я ожидаю в Firefox и Chrome: маленький белый квадрат в большом зеленом прямоугольнике. Я не вижу маленький квадрат в IE7. Как я могу заставить его появиться? 

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Insert title here</title>
<script type="text/javascript">
<!--
function start()
{
    var g_Div = document.getElementById("bigdiv");
    var littleDiv = document.createElement('div');
    littleDiv.setAttribute('style', 
        'position:absolute;'+
        'left:300px;'+
        'top:300px;'+
        'width:5px;'+
        'height:5px;'+
        'clip:rect(0pt,5px,5px,0pt);'+
        'background-color: rgb(255, 255, 255);');
    g_Div.appendChild(littleDiv);
}
//-->
</script>
</head>
<body>
<div 
    id="bigdiv" 
    style="border: 1px solid ; margin: auto; height: 600px; width: 800px; background-color: green;" 
    >   
</div>
<script type="text/javascript">
<!--
start();
//-->
</script>
</body>
</html>

Ответы [ 3 ]

4 голосов
/ 08 февраля 2009

Это должно делать то, что вы хотите, и должно работать во всех основных браузерах: 

function start()
{
    var g_Div = document.getElementById("bigdiv");
    var littleDiv = document.createElement('div');
    littleDiv.style.background = 'rgb(255, 255, 255)';
    littleDiv.style.width = '5px';
    littleDiv.style.height = '5px';
    littleDiv.style.left = '300px';
    littleDiv.style.top = '300px';
    littleDiv.style.position = 'absolute';
    g_Div.appendChild(littleDiv);
}
2 голосов
/ 08 февраля 2009

Используйте этот подход для изменения стиля элемента: - 

littleDiv.style.cssText = 'position:absolute;'+
    'left:300px;'+
    'top:300px;'+
    'width:5px;'+
    'height:5px;'+
    'clip:rect(0pt,5px,5px,0pt);'+
    'background-color: rgb(255, 255, 255)';
1 голос
/ 08 февраля 2009

setAttribute довольно бесполезен, особенно для атрибута стиля.
Возможно, вам придется использовать класс или element.style. "PropertyName"

таблица совместимости по модам

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...