web-dev-qa-db-fra.com

Variables Javascript dans les attributs HTML

Je sais qu'il y a beaucoup de messages à ce sujet, mais je ne trouve pas de réponse à mon problème spécifique.

J'aimerais faire d'une variable JS la valeur d'un attribut HTML

<script> var screenWidth = screen.width </script> 

<img src="images/title.png" width="VARIABLE HERE" style="margin-top: 3%"`

VARIABLE ICI est l'endroit où je voudrais que la variable screenWidth aille. Quel est le meilleur de ça?

Merci, Ben

10
benjipelletier

Cela devrait fonctionner:

<script>var screenWidth = screen.width;</script> 
...
<img src="images/title.png" onload="this.width=screenWidth;" style="margin-top: 3%">
10
ElDoRado1239

Donnez un identifiant à la balise.

i.e. <img id="xxxx" ...>

Puis utiliser

 document.getElementById('xxx').setAttribute('width', 'somevalue')

Voir setAttribute

Ou utilisez JQuery comme autre affiche notée

6
user3286701

Vous pouvez ajouter le style en utilisant javascript pour tel ou tel élément. 

script

document.getElementById('myImg').style.width = screen.width + "px";

Html

<img id="myImg" src="images/title.png"  style="margin-top: 3%">

Voici une démo

3
Suman Bogati

Vous ne pouvez pas simplement appeler une variable JavaScript dans votre code HTML. Vous aurez besoin de l'avoir écrit en JavaScript ou JQuery. Vous pouvez le faire de cette façon: -

 <input id="myInput" .../>
 <script>
    var myVar = "value";
    $("#myInput").attr("name", myVar);
 </script>
0
Vivek Sadh