+ JavaScript の質問用スレッド vol.126 + [転載禁止]©2ch.net (742ﾚｽ)
上下前次1-新
370: 2023/03/28(火)23:05 ID:??? AAS
>>368
気にしすぎですよ
371: 2023/03/29(水)17:51 ID:??? AAS
MathJaxってVer3になって、レンダリングされた文字列を範囲選択出来なくなった?
372(1): 2023/03/31(金)12:07 ID:??? AAS
こんにちは。
どなたか教えていただけませんか。
下記のようなコードを書いたのですが、
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>
省7
373: 2023/03/31(金)13:50 ID:??? AAS
ループ以前にlabelのfor属性は関連するフォーム要素のIDを指定するものなので生成しようとしてるhtml自体に問題があるよ
374: 2023/03/31(金)14:25 ID:??? AAS
では再度サンプルコードを書いておきます。
// 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");
省2
375(1): 2023/03/31(金)17:01 ID:??? AAS
>>372
せめてループに挑戦してるけどうまく動かないから助けてってとこまではたどり着いてほしい気がするなぁ
初心者向けのループのレクチャーなんていくらでも見つかるわけだし
376: 2023/03/31(金)22:42 ID:??? AAS
>>375
どこかから拾ったサンプルコードの修正依頼で自分は全く知識がないのだろう
377: 2023/04/01(土)12:28 ID:??? AAS
これで音信不通になるようではな
諦めたか他所へマルチしに行ったか
378: 2023/04/01(土)14:29 ID:??? AAS
これは、取得した値をそのまま設定しているだけだから、何も変わらない
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 }` )
省7
379: 2023/04/01(土)15:06 ID:??? AAS
jQuery信者が喜ぶネタなんだな
380(6): 2023/04/03(月)20:28 ID:??? AAS
【環境】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)
【サンプルコード】
省11
381(1): 2023/04/03(月)21:47 ID:??? AAS
>>380
エラーが消えたからヨシ！は好ましくない
まずはts(2339)で検索してみよう
382(1): >>380 2023/04/03(月)22:22 ID:??? AAS
>>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)も消えるし実行もできるので、落とし穴がなければこれで行きたいな、と）
383(1): 2023/04/03(月)22:36 ID:??? AAS
>>382
そもそもTypeScriptを書こうとしてるわけじゃないのになんでtsエラーが出てるの？ってこと
vscode右下の言語モードがTypeScriptになってるんじゃないの？
384(2): 2023/04/03(月)23:01 ID:??? AAS
>>383
なってないです。拡張機能も無効です。
i.imgur.com/TE6gwcY.jpg
385(1): 2023/04/03(月)23:26 ID:??? AAS
>>384
うちではTSでは出るけどJSでは出ない
画像ﾘﾝｸ[png]:i.imgur.com
画像ﾘﾝｸ[png]:i.imgur.com
おそらく何かvscode側の問題だろう
で、エディタの問題ならなおさらfruit.valueで解決とするのは悪手
386(1): 2023/04/03(月)23:39 ID:??? AAS
>>384
わかった、vscodeの設定に↓があるんじゃない？
"js/ts.implicitProjectConfig.checkJs": true
これ追加したらうちでもJSでエラー出た
387(2): >>380 2023/04/03(月)23:48 ID:??? AAS
>>385 >>380
原因が判明しました。"js/ts.implicitProjectConfig.checkJs"がtrueでした。
型のチェックはしたいので、event.target.valueの上に@ts-ignoreを書いて解決します。
ありがとうございました。
388: >>380 2023/04/03(月)23:51 ID:??? AAS
>>386
まさにそうでした。ありがとうございました。
389(2): 2023/04/04(火)00:27 ID:??? AAS
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 ( ) {
省11
上下前次1-新書関写板覧索設栞歴
あと 353 ﾚｽあります
ｽﾚ情報 赤ﾚｽ抽出 画像ﾚｽ抽出 歴の未読ｽﾚ AAｻﾑﾈｲﾙ
ぬこの手 ぬこTOP 0.014s