下記コードの様にセレクタの後ろに?がついているのはどういう意味でしょうか?
宜しくお願い致します。
Javascript:
document.querySelector('[data-target="1"]')?.setAttribute('data-target',0);
CSS:
[data-size="1"]{font-size:50%;}
[data-size="2"]{font-size:75%;}
[data-size="3"]{font-size:100%;}
[data-size="4"]{font-size:125%;}
[data-size="5"]{font-size:150%;}
A 回答 (2件)
- 最新から表示
- 回答順に表示
No.2
- 回答日時:
teratailからの転載ですか?
https://teratail.com/questions/328153
なにも技術系の質問板から、こんな雑多なところに持ち出すほどの
質問でもないでしょうに・・・
ちなみにその処理はターゲットになるtextareaにdata-target=1を
していすることでアクティブなtextareaを特定しています
data-sizeについてはサイズを変えたいという希望があったので
クラスでもよかったんですがより直感的なカスタムデータで
指定しています
回答ありがとうございます。
terailでも質問しようか迷ったのですが、質問を立て続けに行うと本来の教えてもらいたい内容と混在してしまい、回答者様にも迷惑をかけると思ってこちらに質問しました。
今は教えて頂いた内容を理解しようと苦戦しており、様々ご迷惑をおかけします。
重ね重ねがりがとうございます。
No.1
- 回答日時:
オプショナルチェイニング演算子 "?." ですね。
https://developer.mozilla.org/ja/docs/Web/JavaSc …
左側の値が存在しない(null または undefined)場合に、
右側のプロパティ記述やメソッド記述を無視してくれます。
ご提示の場合ですと、以下の処理とほぼ同じ意味となります。
// x は HTMLElement オブジェクト、または null が入る
let x = document.querySelector('[data-target="1"]');
// x がオブジェクトなら処理し、null なら何もしない
if (x) { x.setAttribute('data-target', 0); }
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- C言語・C++・C# 10個の実数に対する降順ソート結果を出力するプログラムを作りたいのですが、以下のプログラムをどう直せ 1 2022/07/09 22:16
- HTML・CSS アコーディオンメニューが思うように動作しません。 1 2023/08/20 16:48
- CGI htmlからパラメータで、cgiに渡したい。 1 2023/02/06 16:15
- C言語・C++・C# c言語の問題です 課題1 (二分探索木とセット) 大きさ size の配列 array を考える。す 2 2023/01/10 21:08
- PHP アンドロイドスマホでのphp echoの文字サイズ 1 2023/05/13 15:15
- PHP htmlspecialcharsが機能していないです。 バグですか? 1 2022/04/05 01:22
- PHP ここでの ②if($su_d<>"")の比較演算子 を使う理由は 1 2022/03/26 02:33
- HTML・CSS cssの display: flex;で横並びにならずに困ってます 1 2022/12/04 13:18
- HTML・CSS スマホ表示用のwebページ、style.cssでは表の中の文字 font-size は指定できない? 1 2023/03/27 18:57
- HTML・CSS html cssのmargin 5 2022/12/03 11:04
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
jsonテキストデータの並び替え...
-
ジャンクの箇所を一切書かずに...
-
呼び出し元のURLを知りたいのです
-
ajaxでhtmlを返して画面に描画…...
-
リンクを押すとEXEファイルを実...
-
HTMLでDBからデータを表形式で...
-
Response.Write(変数)
-
JQuery サーバー上にアップする...
-
webシステムでchrome
-
ローカルでのhtmlチェックにつ...
-
ソースのリンク先などの暗号化...
-
PHPでフォームの自動入力できま...
-
ブラウザを閉じた瞬間にログアウト
-
ASP.NET(VB)VBソースからJavas...
-
ブラウザ(IE)からEXEファイル...
-
RS-232Cの通信方式に関して。
-
[JavaScript] preven...
-
非同期通信を使うタイミングが...
-
【JavaScript】confirmのボタン...
-
ローカル用HTMLファイルの安全...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
jsonテキストデータの並び替え...
-
テキストファイルの内容を変数...
-
jQueryでAJAXを利用しJSONデー...
-
VSCodeにて「終了タグ」の背景...
-
http上でrequest されたxmlファ...
-
JSONのコメント行の書き方...
-
queryselctorのセレクタの後ろ...
-
json形式データのデータ連携に...
-
gulpfile.jsとpackage.jsonの読...
-
教えてください!html5.jpを使...
-
jQuery.getでレスポンスデータ...
-
マピオン・ラボの地図はドラッ...
-
csvを使用したデータバインド(...
-
jQueryクックブック レシピ5.11...
-
フォームからjQuery,jQuery.jso...
-
ASP.NET(VB)VBソースからJavas...
-
【JavaScript】confirmのボタン...
-
HTMLでDBからデータを表形式で...
-
DirectXとOpenGLはどちらが動作...
-
saved from url=(0013)abou
おすすめ情報
