Appliquer le style en utilisant javascript ne fonctionne pas toujours

Question

J'applique style à div en utilisant JavaScript il apparaît bien à la première fois mais quand je clique sur une image pour ouvrir une fenêtre virtuelle, le CSS appliqué disparaît.

Comment puis-je appliquer un style en utilisant un script qui reste indéfiniment.

** Il n'y a aucun moyen pour moi d'appliquer n'importe quel style au moment du design parce que j'utilise le contrôle d'utilisateur prêt à l'emploi et je reçois l'ID pour le DIV uniquement au moment de l'exécution.

Une idée?

Voici le script que je me sers ...

window.onload = changeDivOverflow; 
function changeDivOverflow() 
{ 
    var treeDiv = document.getElementById('T_ctl00contentMainctl04tvw'); 
    treeDiv.style.overflow = "auto"; 
} 

Answer 1

Tous les styles que vous appliquez à l'aide javascript et appels DOM, appliquez seulement à l'élément que vous l'appliquez. Dans votre exemple, il ne s'agira que d'un élément avec ID = 'T_ctl00contentMainctl04tvw'

Si vous souhaitez réutiliser ce style pour plusieurs éléments, vous devez créer une classe CSS et y stocker ce style. Ensuite, appliquez cette classe pour chaque élément que vous voulez. Si vous voulez le faire avec le script, vous devez:

var treeDiv = document.getElementById('T_ctl00contentMainctl04tvw'); 
treeDiv.className = "your-class"; 

code

Answer 2

Puisque vous utilisez ASP.NET, mais je ne peux pas voir tout votre code complet, je ne peux que supposer que votre DIV a une étiquette runat="server" et C'est pourquoi vous ne pouvez pas obtenir l'ID du côté client.

Si tel est le cas, vous pouvez envisager les modifications suivantes pour obtenir le treeDiv:

var treeDiv = document.getElementById("<%= tvw.ClientID %>");