Использование JavaScript для загрузки HTML в DIV

Question

Я пытаюсь загрузить некоторый HTML в DIV с помощью JavaScript, но я не могу изменить размер кадра DIV, независимо от того, что я пытаюсь. Все, что я получаю, это маленькая рамка в середине окна браузера. Я пробовал CSS. Я пробовал «width:» и «height:». Вот мой код:

<div id="main"> 
</div> 
<script type="text/javascript"> 
    document.getElementById('main').innerHTML = 
     '<object type="type/html" data="welcome.html"><\/object>'; 
</script> 

Не беспокойтесь о том, почему я хочу это сделать - это часть большего эксперимента кодирования.

Answer 1

Можете ли вы использовать jquery? Тогда он становится тривиальным ...

$('#main').load('welcome.html'); 

Answer 2

кажется, установить ширину

document.getElementById('main').innerHTML ='<object type="type/html" data="newhtml.html"><\/object>'; 
document.getElementById('main').style.width = "600px"; 
document.getElementById('main').style.border = "solid red 1px"; 

показывает, что ширина установлена ​​в 600px