質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

ただいまの
回答率

90.34%

コードの意味(どのようなイベント発生など)を調べて修正しています

受付中

回答 0

投稿

  • 評価
  • クリップ 2
  • VIEW 368

amaryllis

score 109

数日前に「リアルタイムにカンマ(金額)を付けたい」のことですが、昨日、修正したいと要望があって、htmlとjavascriptを修正しています。

で、自分で調べて、1つ1つ修正していますが、インターネットで調べても分からないことがありまして、ここで質問しさせてください。

分からないことがいくつかがあります。
① var row = e.target.parentNode.parentNode;の「parentNode.parentNode」をインターネットで調べたら、「【JavaScript】(基礎)親要素・子要素の取得まとめ②」が出ました。

parentNodeを2つ付けるということは、祖先要素を取得するようなものだということで、htmlを見ますと、
<input>要素から見ると、<td>要素は親要素で、<tr>要素は祖先要素ということで、合っているでしょうか?

② var pos = e.target.className.split(/\s/)[0];の「className.split」をインターネットで調べたら、「かもメモ」が出ました。
数日前に「リアルタイムにカンマ(金額)を付けたい」のことですが、昨日、修正したいと要望があって、htmlとjavascriptを修正しています。

で、自分で調べて、1つ1つ修正していますが、インターネットで調べても分からないことがありまして、ここで質問しさせてください。

分からないことがいくつかがあります。
① var row = e.target.parentNode.parentNode;の「parentNode.parentNode」をインターネットで調べたら、「【JavaScript】(基礎)親要素・子要素の取得まとめ②」が出ました。

parentNodeを2つ付けるということは、祖先要素を取得するようなものだということで、htmlを見ますと、
<input>要素から見ると、<td>要素は親要素で、<tr>要素は祖先要素ということで、合っているでしょうか?

② var pos = e.target.className.split(/\s/)[0];の「className.split」をインターネットで調べたら、「かもメモ」が出ました。
「className.split」は、class名を取得するときに使うそうですが、「(/\s/)[0]」って、どういうことですか?
それをインターネットで調べたら、これが出ました。
https://stackoverflow.com/questions/28127794/difference-between-split-s-and-split
しかし、上記のサイトは、(/\s+/)のことを
『1つの空白文字(タブ、改行、改行、垂直タブ、フォームフィード)を1回と無制限の時間で一致させます。』

Match a single whitespacecharacter (tab, line feed, carriage return, vertical tab, form feed) between one and unlimmited times.
でも、 (/\s/)のことは載っていませんでした。
[0]は、どいうことかな?
あと、『1つの空白文字(タブ、改行、改行、垂直タブ、フォームフィード)を1回と無制限の時間で一致させます。』を読んでもどういうことか?は分かりませんでした。

③ switch(pos)は、条件分岐するものですが、switch(pos) { }の中身が難しくてどういう働きするのか?の分析ができませんでした。

頑張って調べても分からないことがありましたので、すみませんが、よろしくお願いします。

  • 気になる質問をクリップする

    クリップした質問は、後からいつでもマイページで確認できます。

    またクリップした質問に回答があった際、通知やメールを受け取ることができます。

    クリップを取り消します

  • 良い質問の評価を上げる

    以下のような質問は評価を上げましょう

    • 質問内容が明確
    • 自分も答えを知りたい
    • 質問者以外のユーザにも役立つ

    評価が高い質問は、TOPページの「注目」タブのフィードに表示されやすくなります。

    質問の評価を上げたことを取り消します

  • 評価を下げられる数の上限に達しました

    評価を下げることができません

    • 1日5回まで評価を下げられます
    • 1日に1ユーザに対して2回まで評価を下げられます

    質問の評価を下げる

    teratailでは下記のような質問を「具体的に困っていることがない質問」、「サイトポリシーに違反する質問」と定義し、推奨していません。

    • プログラミングに関係のない質問
    • やってほしいことだけを記載した丸投げの質問
    • 問題・課題が含まれていない質問
    • 意図的に内容が抹消された質問
    • 広告と受け取られるような投稿

    評価が下がると、TOPページの「アクティブ」「注目」タブのフィードに表示されにくくなります。

    質問の評価を下げたことを取り消します

    この機能は開放されていません

    評価を下げる条件を満たしてません

    評価を下げる理由を選択してください

    詳細な説明はこちら

    上記に当てはまらず、質問内容が明確になっていない質問には「情報の追加・修正依頼」機能からコメントをしてください。

    質問の評価を下げる機能の利用条件

    この機能を利用するためには、以下の事項を行う必要があります。

質問への追記・修正の依頼

  • amaryllis

    2018/09/04 23:10 編集

    https://jsfiddle.net/jun68ykt/p2uj40xn/43/は、面積を入力で坪数の計算と坪単価の計算するjavascriptでしたが、要望で価格(○○.○○万円)÷坪数(○○.○○坪)=坪単価で計算するjavascriptに直す為にそのコードをどのように直すかをやる前にソースコードを理解しないと出来ないと思い、調べながら、修正していました。

    キャンセル

  • 退会済みユーザー

    2018/09/05 10:20

    複数のユーザーから「やってほしいことだけを記載した丸投げの質問」という意見がありました
    「質問を編集する」ボタンから編集を行い、調査したこと・試したことを記入していただくと、回答が得られやすくなります。

  • think49

    2018/09/08 20:38

    マルチポストですか。 https://okwave.jp/qa/q9534243.html

    キャンセル

まだ回答がついていません

15分調べてもわからないことは、teratailで質問しよう!

  • ただいまの回答率 90.34%
  • 質問をまとめることで、思考を整理して素早く解決
  • テンプレート機能で、簡単に質問をまとめられる

同じタグがついた質問を見る