Modifier une propriété css en javascript

Bonjour, je tente de modifié la largueur d'une balise en JavaScript mais visiblement sa me dit Objet requis pour la ligne 9. Je suis sous IE8 au faite

var largueur = document.documentElement.clientWidth;
var hauteur = document.documentElement.clientHeight;
 
var hauteur_section = hauteur - 140;
var largueur_section = largueur - 340;
 
console.log(hauteur_section + "-" + largueur_section);
 
document.getElementById('section').style.width = '400px';

<div id="section">
<!--[if lt IE 9]>
<script type="text/javascript" src="js/iframe.js"></script>
<![endif]-->
<!--[if !IE]><!-->
<iframe id="A0" src="./pdf/Synoptique.pdf"></iframe>
<iframe id="A1" src="./pdf/01_Poste de livraison.pdf"></iframe>
<iframe id="A2" src="./pdf/02_Poste N° 1.pdf"></iframe>
<iframe id="A3" src="./pdf/03_Poste N° 2.pdf"></iframe>
<iframe id="A4" src="./pdf/04_Station de lavage.pdf"></iframe>
<iframe id="A5" src="./pdf/05_Armoire nouveau bureau admin.pdf"></iframe>
<iframe id="A6" src="./pdf/06_Armoire gauche bureau local technique.pdf"></iframe>
<iframe id="A7" src="./pdf/07_Armoire droite bureau local technique.pdf"></iframe>
<iframe id="A8" src="./pdf/08_Armoire N° 8 - RT 2.pdf"></iframe>
<iframe id="A9" src="./pdf/09_Armoire éclairage travée D - RT 7.pdf"></iframe>
<iframe id="A10" src="./pdf/10_Armoire local grenallieuse travée D - RT 6.pdf"></iframe>
<iframe id="A11" src="./pdf/11_Armoire N° 8 - RT 2.pdf"></iframe>
<iframe id="A12" src="./pdf/12_Armoire N° 9.pdf"></iframe>
<iframe id="A13" src="./pdf/13_Armoire N° 10.pdf"></iframe>
<iframe id="A14" src="./pdf/14_Armoire N° 14 - RT 4.pdf"></iframe>
<iframe id="A15" src="./pdf/15_Armoire N° 6.pdf"></iframe>
<iframe id="A16" src="./pdf/16_Armoire N° 6 Bis.pdf"></iframe>
<iframe id="A17" src="./pdf/17_Armoire N° 6 Ter.pdf"></iframe>
<iframe id="A18" src="./pdf/18_Armoire atelier prototipe N° 3.pdf"></iframe>
<iframe id="A19" src="./pdf/19_Armoire machine outil N° 2.pdf"></iframe>
<iframe id="A20" src="./pdf/20_Armoire magasin N° 2.pdf"></iframe>
<iframe id="A21" src="./pdf/21_Armoire éclairage magasin N° 2.pdf"></iframe>
<iframe id="A22" src="./pdf/22_Armoire hydraulique N° 7.pdf"></iframe>
<iframe id="A23" src="./pdf/23_Atelier sous ensemble N° 5.pdf"></iframe>
<iframe id="A24" src="./pdf/24_Armoire logistique.pdf"></iframe>
<iframe id="A25" src="./pdf/25_Armoire bureau projet.pdf"></iframe>
<iframe id="A26" src="./pdf/26_Armoire bureau projet - logistique.pdf"></iframe>
<iframe id="A27" src="./pdf/27_Vestiare Armoire N° 1.pdf"></iframe>
<iframe id="A28" src="./pdf/28_Coffret sanitaire appentis.pdf"></iframe>
<iframe id="A29" src="./pdf/29_Armoire magasin N° 1.pdf"></iframe>
<iframe id="A30" src="./pdf/30_Armoire expédition.pdf"></iframe>
<iframe id="A31" src="./pdf/31_Armoire nouveau bureau appentis.pdf"></iframe>
<iframe id="A32" src="./pdf/32_Armoire bureau appentis.pdf"></iframe>
<!--<![endif]-->
</div>

Le script que tu montres, est-ce précisément celui appelé pour les IE <9 ?

Dans ce cas, document.getElementById('section') risque très probablement de te retourner null car ton div n'existe pas encore dans le DOM (le contenu est chargé strictement linéairement, donc au moment où le script s'exécute, la div n'est pas encore fermée donc elle n'existe pas encore dans le DOM)

Je n'ai effectivement pas montré l'ensemble du script car je ne pensais pas sa pertinent alors que visiblement cela était.

Mon script était placé dans le head de la page et donc bien avant ma div. Comme tu la dis elle n’existè pas encore.

Je les placé juste avant de fermé la balise body et cela marche

Merci à toi, j'aurais apprit un truc de plus