web-dev-qa-db-ja.com

HTML属性のJavascript変数

これについては多くの投稿がありますが、特定の問題に対する答えが見つかりません。

JS変数をHTML属性の値にしたい

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

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

ここで変数は、screenWidth変数を配置する場所です。これについて最善を尽くすことは何ですか？

ありがとう、ベン

javascripthtmlvariables
12
benjipelletier

これは動作するはずです：

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

タグにIDを付けます。

すなわち<img id="xxxx" ...>

次に使用する

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

setAttribute を参照してください

またはJQueryを他のポスターとして使用してください

6
user3286701

このような特定の要素にjavascriptを使用してスタイルを追加できます。

script

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

Html

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

デモ

3
Suman Bogati

この場合、CSSを使用して100vwに幅を設定できます（スタイル属性style="width: 100vw;"を使用します。これはより効率的で読みやすいですが、 一部ではサポートされていません古いブラウザ 。

0
Solomon Ucko

HTML内でJavaScript変数を単純に呼び出すことはできません。 JavaScriptまたはJQueryで作成する必要があります。この方法でできます：-

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