+ JavaScript の質問用スレッド vol.126 + [転載禁止]©2ch.net (742ﾚｽ)
+ JavaScript の質問用スレッド vol.126 + [転載禁止]©2ch.net http://mevius.5ch.net/test/read.cgi/hp/1439005423/
上
下
前
次
1-
新
通常表示
512ﾊﾞｲﾄ分割
ﾚｽ栞
370: Name_Not_Found [sage] 2023/03/28(火) 23:05:22.37 ID:??? >>368 気にしすぎですよ http://mevius.5ch.net/test/read.cgi/hp/1439005423/370
371: Name_Not_Found [sage] 2023/03/29(水) 17:51:02.44 ID:??? MathJaxってVer3になって、レンダリングされた文字列を範囲選択出来なくなった? http://mevius.5ch.net/test/read.cgi/hp/1439005423/371
372: Name_Not_Found [sage] 2023/03/31(金) 12:07:44.93 ID:??? こんにちは。 どなたか教えていただけませんか。 下記のようなコードを書いたのですが、 div部分が1つなら問題ないのですが、複数になると2つ目以降は反映されません。 そこでループにしないといけないのかな？と思うのですが知識が未熟でどうすればいいのか全くわかりません。 どなたかどうすればいいか教えて頂けませんでしょうか。 よろしくお願いします。 // HTML <div class="fullimg"><img src="./img1.jpg" height="1000" width="1000"></div> <div class="fullimg"><img src="./img2.jpg" height="500" width="500"></div> // script let imgd = document.querySelector("img"); let result = imgd.getAttribute("src"); let hresult = imgd.getAttribute("height"); let wresult = imgd.getAttribute("width"); const div = document.getElementsByClassName("fullimg"); div[0].innerHTML = '<label for="' + result + '"><img src="' + result + '" height="' + hresult + '" width="' + wresult + '"></label>'; http://mevius.5ch.net/test/read.cgi/hp/1439005423/372
373: Name_Not_Found [sage] 2023/03/31(金) 13:50:56.44 ID:??? ループ以前にlabelのfor属性は関連するフォーム要素のIDを指定するものなので生成しようとしてるhtml自体に問題があるよ http://mevius.5ch.net/test/read.cgi/hp/1439005423/373
374: Name_Not_Found [sage] 2023/03/31(金) 14:25:37.98 ID:??? では再度サンプルコードを書いておきます。 // HTML <div class="fullimg"><img src="./img1.jpg" height="1000" width="1000"></div> <div class="fullimg"><img src="./img2.jpg" height="500" width="500"></div> // script let imgd = document.querySelector("img"); let result = imgd.getAttribute("src"); let hresult = imgd.getAttribute("height"); let wresult = imgd.getAttribute("width"); const div = document.getElementsByClassName("fullimg"); div[0].innerHTML = '<img src="' + result + '" height="' + hresult + '" width="' + wresult '">'; こちらでどうぞよろしくお願いします。 http://mevius.5ch.net/test/read.cgi/hp/1439005423/374
375: Name_Not_Found [sage] 2023/03/31(金) 17:01:16.18 ID:??? >>372 せめてループに挑戦してるけどうまく動かないから助けてってとこまではたどり着いてほしい気がするなぁ 初心者向けのループのレクチャーなんていくらでも見つかるわけだし http://mevius.5ch.net/test/read.cgi/hp/1439005423/375
376: Name_Not_Found [sage] 2023/03/31(金) 22:42:19.54 ID:??? >>375 どこかから拾ったサンプルコードの修正依頼で自分は全く知識がないのだろう http://mevius.5ch.net/test/read.cgi/hp/1439005423/376
377: Name_Not_Found [sage] 2023/04/01(土) 12:28:09.62 ID:??? これで音信不通になるようではな 諦めたか他所へマルチしに行ったか http://mevius.5ch.net/test/read.cgi/hp/1439005423/377
378: Name_Not_Found [sage] 2023/04/01(土) 14:29:48.39 ID:??? これは、取得した値をそのまま設定しているだけだから、何も変わらない jQuery なら、 // fullimg クラスの付いたdiv の、直下のimg $( 'div.fullimg > img' ).each( function ( index, elem ) { jQ_this = $( this ) const src = jQ_this.attr( 'src' ) // 取得 const height = jQ_this.attr( 'height' ) const width = jQ_this.attr( 'width' ) console.log( `${ index }: ${ src }, h: ${ height }, w: ${ width }` ) jQ_this.attr( 'src', src ) // 設定 jQ_this.attr( 'height', height ) jQ_this.attr( 'width', width ) } ) ログ出力 0: ./img1.jpg, h: 1000, w: 1000 1: ./img2.jpg, h: 500, w: 500 http://mevius.5ch.net/test/read.cgi/hp/1439005423/378
379: Name_Not_Found [sage] 2023/04/01(土) 15:06:47.33 ID:??? jQuery信者が喜ぶネタなんだな http://mevius.5ch.net/test/read.cgi/hp/1439005423/379
380: Name_Not_Found [sage] 2023/04/03(月) 20:28:44.17 ID:??? 【環境】VS Code バージョン: 1.77.0 Electron: 19.1.11 Chromium: 102.0.5005.196 Node.js: 16.14.2 V8: 10.2.154.26-electron.0 OS: Linux x64 5.4.0-42-generic 【何をしたのか】イベントリスナー内でevent.target.valueを参照した。 【エラーメッセージ】プロパティ 'value' は型 'EventTarget' に存在しません。ts(2339) 【サンプルコード】 (() => { "use strict"; const fruit = document.querySelector('select'); if (null === fruit) { return; } fruit.addEventListener('change', (event) => { if (null === event.target) { return; } console.log(event.target.value); }); })(); fruit === event.targetを実行するとtrueが返ったので、event.target.valueをfruit.valueに書き換えたところエラーが消えた。 イベントを扱うサンプルコードでは大抵event.target.valueが利用されているが、HTMLSelectElement.valueで置換した場合に何か落とし穴はありますか。 http://mevius.5ch.net/test/read.cgi/hp/1439005423/380
381: Name_Not_Found [sage] 2023/04/03(月) 21:47:26.64 ID:??? >>380 エラーが消えたからヨシ！は好ましくない まずはts(2339)で検索してみよう http://mevius.5ch.net/test/read.cgi/hp/1439005423/381
382: >>380 [sage] 2023/04/03(月) 22:22:25.06 ID:??? >>381 エディタ上でts(2339)が出ていてもブラウザ上での実行は問題なくできます。 キャストするとts(2339)が消えますが、「型アサーション式は TypeScript ファイルでのみ使用できます。ts(8016)」が発生します。 ブラウザで実行すると、「Uncaught SyntaxError: Unexpected identifier 'as' (at hoge.html:24:35)」が発生します。（TypeScriptの構文なので当然ですが……） fruit === event.target;はtrueなので置き換えたのですが、トラップや問題はありますか。 （エディタ上のts(2339)も消えるし実行もできるので、落とし穴がなければこれで行きたいな、と） http://mevius.5ch.net/test/read.cgi/hp/1439005423/382
383: Name_Not_Found [sage] 2023/04/03(月) 22:36:04.36 ID:??? >>382 そもそもTypeScriptを書こうとしてるわけじゃないのになんでtsエラーが出てるの？ってこと vscode右下の言語モードがTypeScriptになってるんじゃないの？ http://mevius.5ch.net/test/read.cgi/hp/1439005423/383
384: Name_Not_Found [sage] 2023/04/03(月) 23:01:10.11 ID:??? >>383 なってないです。拡張機能も無効です。 i.imgur.com/TE6gwcY.jpg http://mevius.5ch.net/test/read.cgi/hp/1439005423/384
385: Name_Not_Found [sage] 2023/04/03(月) 23:26:56.16 ID:??? >>384 うちではTSでは出るけどJSでは出ない https://i.imgur.com/TJimdvc.png https://i.imgur.com/kj2oMNk.png おそらく何かvscode側の問題だろう で、エディタの問題ならなおさらfruit.valueで解決とするのは悪手 http://mevius.5ch.net/test/read.cgi/hp/1439005423/385
386: Name_Not_Found [sage] 2023/04/03(月) 23:39:06.45 ID:??? >>384 わかった、vscodeの設定に↓があるんじゃない？ "js/ts.implicitProjectConfig.checkJs": true これ追加したらうちでもJSでエラー出た http://mevius.5ch.net/test/read.cgi/hp/1439005423/386
387: >>380 [sage] 2023/04/03(月) 23:48:50.00 ID:??? >>385 >>380 原因が判明しました。"js/ts.implicitProjectConfig.checkJs"がtrueでした。 型のチェックはしたいので、event.target.valueの上に@ts-ignoreを書いて解決します。 ありがとうございました。 http://mevius.5ch.net/test/read.cgi/hp/1439005423/387
388: >>380 [sage] 2023/04/03(月) 23:51:00.10 ID:??? >>386 まさにそうでした。ありがとうございました。 http://mevius.5ch.net/test/read.cgi/hp/1439005423/388
389: Name_Not_Found [sage] 2023/04/04(火) 00:27:18.41 ID:??? jQuery では、event.target.value でも、正常に動く <div id="btn-wrap"> <button class="BtnA BtnAll" value="1">A-1</button> <button class="BtnA BtnAll" value="2">A-2</button> <button class="BtnB BtnAll" value="3">B-3</button> </div> <div id="btn-wrap-2"> <button class="BtnC BtnAll" value="11">C-11</button> </div> $( function ( ) { // 外側・親に、イベントを付けて、親で、子のイベントをキャッチする $( '#btn-wrap' ).on( 'click', function ( event ) { const value = $( event.target ).prop( 'value' ) console.log( value ) alert( value ) } ); $( '#btn-wrap-2' ).on( 'click', function ( event ) { console.log( event.target.value ) alert( event.target.value ) }); } ); http://mevius.5ch.net/test/read.cgi/hp/1439005423/389
上
下
前
次
1-
新
書
関
写
板
覧
索
設
栞
歴
あと 353 ﾚｽあります
ｽﾚ情報
赤ﾚｽ抽出
画像ﾚｽ抽出
歴の未読ｽﾚ
AAｻﾑﾈｲﾙ
Google検索
Wikipedia
ぬこの手
ぬこTOP
0.011s