<img>タグに変数を追加する方法は？

-2

イメージタグに電子メールIDを渡す方法を尋ねますか？<img>タグに変数を追加する方法は？

<li class="form-line" data-type="control_email" id="id_3"> 
<label class="form-label form-label-left form-label-auto" id="label_3" for="input_3"> E-mail: </label> 
<div id="cid_3" class="form-input jf-required"> 
<input type="email" class=" form-textbox validate[Email]" id="input_3" name="q3_email" size="30" value="" /> 
</div> 
</li> 
<img src="https://api.qrserver.com/v1/create-qr-code/? data=HelloWorld&amp;size=100x100" alt="" title="" />

出典

2016-11-08 hihi

そのためには、サーバー側の処理またはJavaScriptを使用する必要があります。それは間違いなく標準のHTMLではないので、あなたは間違いなくその質問にいくつかのタグがありません。 – junkfoodjunkie

あなたは達成しようとしていることを理解できません – Walt

[mcve]を投稿してください –

技術的には、独自のカスタム属性をHTMLタグに追加して、その情報をjavascriptでアクセスできます。たとえば、次のように

var x = document.getElementsByTagName("img")[0].getAttribute("imgSize"); 
 
alert(x);

<img data="helloWorld" imgSize="100x100" src="https://api.qrserver.com/v1/create-qr-code/? data=HelloWorld&amp;size=100x100"/>

あなたが動的に意味場合はJavaScriptでこのようなものであることをするだろうよりも、イメージソースに上の値を追加します。

var imgUrl = "https://api.qrserver.com/v1/create-qr-code/"; 
 
//add data 
 
imgUrl += "?data=HelloWorld"; 
 
//add size 
 
imgUrl += "&amp;size=100x100"; 
 
// set image 
 
document.getElementById("myImg").src=imgUrl;

<img id="myImg" src="#" >

出典

2016-11-08 02:11:34

メール入力ID（input_3）をimg srcに渡したいと思います – hihi

@hihi javascriptを使用してイメージソースに値を追加できます。 –

<img>タグに変数を追加する方法は？

答えて

関連する問題