Q&A
前提・実現したいこと
ここに質問の内容を詳しく書いてください。
Javascriptにおいて、rectを使用し画像を表示しようと考えています。
発生している問題・エラーメッセージ
直接 数値をpx付きで書きこむと表示されますが、変数としたいので、そとに内容を記載したのですが、うまく表示できません。
該当のソースコード
Javascript です。
1<!DOCTYPE html> 2<html lang="jp" > 3 <head> 4 <meta charset="utf-8"> 5 <link rel="stylesheet" href="css/styles.css"> 6 <title>test</title> 7 <script type="text/javascript"> 8 let y= "0px"; 9 function scroll(){ 10 let obj=document.getElementById("number"); 11 i = 60; 12 ccy = i+"px"; 13 obj.style.clip="rect(0px,ccy,60px,0px)"; 14 } 15 </script> 16 </head> 17 <body onLoad="scroll()"> 18 <img id="number" src="img/number.gif" alt="" style ="position:absolute; left:0;top:0" > 19 </body> 20 </html>``` 21 22### 試したこと 23pxをはずしたり、String(i)+"px";を加えてみたのですが、うまくいきません。 24 25### 補足情報（FW/ツールのバージョンなど） 26表示ブラウザはchorme 最新 64ビット
回答1件
0
ベストアンサー
javascript
1obj.style.clip="rect(0px,ccy,60px,0px)"
において、「""」で囲まれた部分は文字列の中身として扱われるので、ccyは「変数」ではなく「ccyという文字列」として扱われてしまいます。
つまり「""」の外に出さないといけません。
具体的には、下記のようなコードになります。
javascript
1obj.style.clip="rect(0px," + ccy + ",60px,0px)"
投稿2019/06/14 15:31
総合スコア102
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2019/06/14 15:38