think49のプロフィール
- ベストアンサー数
- 285
- ベストアンサー率
- 59%
- お礼率
- 93%
- 登録日2009/05/10
- コードの意味(どのようなイベント発生など)を調べて
https://jsfiddle.net/jun68ykt/p2uj40xn/43/は、面積を入力で坪数の計算と坪単価の計算するjavascriptでしたが、要望で価格(○○.○○万円)÷坪数(○○.○○坪)=坪単価で計算するjavascriptに直す為にそのコードをどのように直すかをやる前にソースコードを理解しないと出来ないと思い、調べながら、修正していました。 昨日、修正したいと要望があって、htmlとjavascriptを修正しています。 で、自分で調べて、1つ1つ修正していますが、インターネットで調べても分からないことがありまして、ここで質問しさせてください。 分からないことがいくつかがあります。 (1) var row = e.target.parentNode.parentNode;の「parentNode.parentNode」をインターネットで調べたら、「【JavaScript】(基礎)親要素・子要素の取得まとめ(2)」が出ました。 parentNodeを2つ付けるということは、祖先要素を取得するようなものだということで、htmlを見ますと、 <input>要素から見ると、<td>要素は親要素で、<tr>要素は祖先要素ということで、合っているでしょうか? (2) var pos = e.target.className.split(/\s/)[0];の「className.split」をインターネットで調べたら、「かもメモ」が出ました。 先日、修正したいと要望があって、htmlとjavascriptを修正しています。 で、自分で調べて、1つ1つ修正していますが、インターネットで調べても分からないことがありまして、ここで質問しさせてください。 分からないことがいくつかがあります。 (1) var row = e.target.parentNode.parentNode;の「parentNode.parentNode」をインターネットで調べたら、「【JavaScript】(基礎)親要素・子要素の取得まとめ(2)」が出ました。 parentNodeを2つ付けるということは、祖先要素を取得するようなものだということで、htmlを見ますと、 <input>要素から見ると、<td>要素は親要素で、<tr>要素は祖先要素ということで、合っているでしょうか? (2) 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回と無制限の時間で一致させます。』を読んでもどういうことか?は分かりませんでした。 (3) switch(pos)は、条件分岐するものですが、switch(pos) { }の中身が難しくてどういう働きするのか?の分析ができませんでした。 頑張って調べても分からないことがありましたので、すみませんが、よろしくお願いします。
- 締切済み
- amaryllis_watch
- JavaScript
- 回答数9
- jQueryのプラグインについて
URLの構成要素を参照できるこちらのプラグインについて質問させてください。 デモページにあるようなものをクリックイベント無しで、指定クラスの特定要素(liやdivなど)の中にquery情報を落とし込むにはどうしたらいいでしょうか? URL http://www.cyokodog.net/blog/parse-url-doc/ デモページ http://www.cyokodog.net/jquery.utility-kit/parse-url/demo.html (例) URL https://test_site.jp/?test_category01=%e3%83%86%e3%82%b9%e3%83%881%e3%81%ae%e3%82%ab%e3%83%86%e3%82%b4%e3%83%aa%e3%83%bc&test_category02=%e3%83%86%e3%82%b9%e3%83%882%e3%81%ae%e3%82%ab%e3%83%86%e3%82%b4%e3%83%aa%e3%83%bc&test_category03=%e3%83%86%e3%82%b9%e3%83%883%e3%81%ae%e3%82%ab%e3%83%86%e3%82%b4%e3%83%aa%e3%83%bc ↓ 結果 <li class="test">テスト1のカテゴリー</li> <li class="test">テスト2のカテゴリー</li> <li class="test">テスト3のカテゴリー</li> 何卒、よろしくお願いします。
- ベストアンサー
- honda1978
- JavaScript
- 回答数2
- アロー関数で変数に入れて名前のある関数にする
JSでsetTimeoutでのスライドショーの停止、再生がうまくいきません。 http://codepen.io/anon/pen/RVNgLr 問題なく動いているので、停止再生の部分以外は間違えがないと思うのですが、 停止再生の部分に問題はありますでしょうか? 抜粋しておきました。 let iterative = ()=> { setTimeout(myChange , 5000); // } const pauseBtn = document.getElementById('js-pause-btn'); pauseBtn.addEventListener('click', ()=> { clearTimeout(iterative); }); 停止は下記でできるがこれですと名前のある関数にできないので再度動かすことができないのです。 let iterative = { setTimeout(myChange , 5000); // } pauseBtn.addEventListener('click', ()=> { clearTimeout(iterative); }); const playBtn = document.getElementById('js-play-btn'); playBtn.addEventListener('click', ()=> { iterative(); }); pauseBtn.addEventListener('click', ()=> { clearTimeout(iterative); }); iterative();はiterativeという名前の関数を作らないと実行できないので、停止できない理由はわかっているのですが、アロー関数で変数に入れて名前のある関数にすることができないのでどうすれば両方とも実現できるのかわかりません。
- 締切済み
- htmlcss123
- JavaScript
- 回答数2
- JSON 連想配列
jQuery JSON JavaScriptで普通に配列を宣言するのと JSON jQueryで連想配列を宣言するのは同じ意味ですか?
- ベストアンサー
- shin11shin
- JavaScript
- 回答数1
- undefinedかnullかどう区別できますか?
JavaScript の教科書に下記のように記載があったのですが、 >>> ページからアンカータグを取得するgetAnchorという関数があったとします。 その際、アンカータグが見つからなかったならば、何を返すべきでしょうか。undefined(未定義)は不自然です。 今度は「該当する値がなかった(=空であった)」という値を、意図して伝えようとしているので、nullを返すべきです。 関数で値が返されなかった場合はundefinedと聞いたのですが上記はそれに該当するように私は思ってしまうのですが、なぜ違うかわかりますか? 関数で値が返されなかった場合とはalert()のように引数がなかった場合という意味でしょうか? それともretunr 変数名などのreturnがない場合という意味でしょうか?
- ベストアンサー
- noname#226032
- JavaScript
- 回答数6