Q&A
https://jsfiddle.net/jun68ykt/p2uj40xn/43/は、面積を入力で坪数の計算と坪単価の計算するjavascriptでしたが、要望で価格(○○.○○万円)÷坪数(○○.○○坪)＝坪単価で計算するjavascriptに直す為にそのコードをどのように直すかをやる前にソースコードを理解しないと出来ないと思い、調べながら、修正していました。
数日前に｢リアルタイムにカンマ(金額)を付けたい｣のことですが、昨日、修正したいと要望があって、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) { }の中身が難しくてどういう働きするのか？の分析ができませんでした。
頑張って調べても分からないことがありましたので、すみませんが、よろしくお願いします。
あなたの回答
tips
プレビュー
