元スレ+ JavaScript の質問用スレッド vol.115 +
JavaScript覧 / PC版 /みんなの評価 :
951 = :
>>949
キャプチャフェイズを使う
952 = :
>>949
removeEventListener、addEventListnerの書き換え、JavaScriptの無効化
考え出したらきりがない
(ある程度の)完全性を保証するならイベントは諦めてサーバサイドで完結するプログラムで再構築するしかない
953 = :
次スレは975超えたらね。
954 = :
何故そう揚げ足とったような返ししかできないのか
958 = :
JavaScriptでテーブルを作成する時ってどうやるのが一番いいですか?
jqueryありでお願いします
961 = :
むしろ自分でどう書くか系なのでライブラリではありません
962 = :
>>958
> JavaScriptでテーブルを作成する時ってどうやるのが一番いいですか?
> jqueryありでお願いします
冗談みたいに思うかもしれんがこれ。
$('<table><tr><td></td></tr></table>')
もちろん動的にtrやtdを書き換える必要があるなら別のやり方をするけど
単にテーブルを作るだけならこれが一番良い
HTMLに属性やテキストをいれこみたいなら、テンプレートの出番。
lodashにテンプレート機能があるからそれを使う。
コードにHTMLを書いちゃいかんと思うかもしれないが、
DOMを作成するときのコードで一番わかり易いのはどれ?で
考えると実はHTMLそのものなんだよ。
963 = :
なるほど
テンプレートは考えてませんでした
ありがとうございました
964 = :
type="text/javascript" charset="utf8"
はあった方がいいんですか?
966 = :
>>958
jQueryに頼らなくてもぶっこむだけなら↓でいいじゃん
document.body.innerHTML = '<table><tr><td>りんご</td><td>みかん</td></tr></table>';
968 = :
innerHTMLを使うとtypeバトラーの人とかあごっちに怒られるぞ
970 = :
まーたinnerHTML使うな厨か
それ単なる思考停止だから
971 = :
>>958
jQuery と DOM API は共存可能
http://www2u.biglobe.ne.jp/~oz-07ams/prog/dom-ref/HTML/HTMLTableElement.html
>>966
tbody要素がないとかsummary属性がないとか...
(innerHTMLはせっかくHTMLパーサを通しているのに仕様違反に対してエラーも警告も出さないんだよね)
973 = :
今はここまでやっても、正しいHTMLだからな。
<table><tr><td>りんご<td>みかん</table>
リストとかこれでいい。
<ul>
<li>a
<li>b
<li>c
</ul>
更に言うなら、省略した方が余計な空白が入らない。
<ul>
<li>a</li> (余計な
空白) <li>b</li> (余計な
空白) <li>c</li> (余計な
空白)
</ul>
この余計な空白によって変なスペースが現れることがあるんだよね。
974 = :
>>973
それってブラウザ間の振る舞いで解釈が異なることって無いの?
厳密に仕様になってるの?
975 = :
>>974
HTML5を勉強しろよ。
HTML5対応、つまり最近のブラウザは全て厳密な仕様になっている。
さらに不正なタグをどう解釈するかまで厳密な仕様になってる。
ブラウザが仕様を満たしている限り、間違った書き方を含めて
どんな書き方をしても、同じようレンダリングされる。
976 = :
訂正
×同じようレンダリングされる。
○同じよう解釈される。
977 = :
変なブラウザがないとも限らないから
一般的な書き方するのが一番いいだろ
978 = :
省略可能な事と実際に省略するかは別だけどね
if (a === 1) b = 2 // {} を省略可能
979 = :
>>977
変なブラウザは、一般的な書き方をしても
間違った解釈をするわけだから、言っていることに意味が無い。
通常は変なブラウザのことまで考える必要はない。
変なブラウザにぶち当たってから考えればいいことを
今考えてはいけない。
そして>>973は正しいHTMLであり、一般的な書き方をするというならば
これこそが一般的な書き方。
一般的な書き方を知らない無知な>>977が
一般的じゃないと思い込んでるだけ。
980 = :
>>978
XHTMLで一旦省略不可能になった。
それが省略可能に差し戻しになったということは
省略可能な方が良いと判断されたから。
981 = :
>>980
あなたがそう思うのならそうなんだろうね
982 = :
>一般的な書き方をしても間違った解釈をする
はい詭弁
あまり使われない機能にバグが残るのは必然
一般的な書き方にバグが残りにくいのは当然の理
983 = :
HTML5は互換性のためにあえてルーズな書き方を許容しているだけだし、あえて省略して視認性を損ねる理由もないので俺は省略しない
984 = :
GoogleのHTMLガイドにも書いてるし、気にせず省略すればいいと思う
http://google-styleguide.googlecode.com/svn/trunk/htmlcssguide.xml?showone=Optional_Tags#Optional_Tags
XHTMLで省略できないのはXMLの整形式違反になるからであって、XHTML5なら当然省略できない
985 = :
>>984
Googleはスピード重視の技術者集団だからそのルールを参考にするのはどうかと思うが
省略すると保守性が低くなる
986 = :
省略できるタグは全て省略しろというのは極端だが、自明なタグは省略すればいい
先に書かれているが</li>なんかは省略せずに空白類文字の問題を解決しようとすると
<li>hoge
</li><li>hoge
</li>
とか
<li>hoge</li
><li>hoge</li
>
とか、これなら省略した方がスマート
<tbody>にしろ</li>にしろHTML5以前からずっと省略可能とされてるし何の心配もいらない
987 = :
>>977
一応プログラマなんだから変なブラウザとかあいまいな事言わずに調べろ
http://caniuse.com/html5semantic
ここ見るとHTML5の追加構文はOperaMini以外は全部サポートしている
省略に問題が無いかまでは分からんがHTML5の構文はもう全く問題無く使えるだろ
OperaMiniは当然シカト
989 = :
彼が省略するのは勝手だが、この押し付けがましさは何とかならんのか
990 = :
>>970
よぉまっとうな反論もできないカス野郎
991 = :
ここはHTMLの話するスレじゃねえよ4ねカス共
992 = :
$('.parent').on({
'mouseenter': function(){...},
'mouseleave': function(){...}
}, '.foo');
これを$(document).onでやるには2回$(document).on(mouseenter) $(document).on(mouseleave)と書かなくっちゃダメなんでしょうか?
993 = :
onもメソッドチェーンできるみたいだから
$(document).on("mouseover",function(){}).on("mouseleave",function(){})
997 = :
>>993
on2回使うのがスッキリしませんが
onをこういう風に使えるとは知りませんでした!ありがとうございますこうします
類似してるかもしれないスレッド
- + JavaScript の質問用スレッド vol.113 + (1001) - [97%] - 2014/1/25 12:46
- + JavaScript の質問用スレッド vol.135 + (1002) - [97%] - 2018/11/23 10:30
- + JavaScript の質問用スレッド vol.125 + (1001) - [97%] - 2015/10/7 17:45
- + JavaScript の質問用スレッド vol.119 + (1002) - [97%] - 2014/10/3 15:30
- + JavaScript の質問用スレッド vol.118 + (1002) - [97%] - 2014/8/29 22:30
- + JavaScript の質問用スレッド vol.117 + (1009) - [97%] - 2014/8/5 3:30
- + JavaScript の質問用スレッド vol.116 + (1002) - [97%] - 2014/7/1 0:45
- + JavaScript の質問用スレッド vol.114 + (1001) - [97%] - 2014/5/3 10:45
- + JavaScript の質問用スレッド vol.112 + (1001) - [97%] - 2013/11/27 16:46
- + JavaScript の質問用スレッド vol.111 + (1001) - [97%] - 2013/11/4 6:00
- + JavaScript の質問用スレッド vol.110 + (1001) - [97%] - 2013/10/13 14:01
- + JavaScript の質問用スレッド vol.113 + (1001) - [97%] - 2014/3/15 21:30
- + JavaScript の質問用スレッド vol.105 + (1001) - [97%] - 2013/5/20 4:45
- + JavaScript の質問用スレッド vol.109 + (1001) - [95%] - 2013/10/7 13:16
- + JavaScript の質問用スレッド vol.121 + (1001) - [95%] - 2022/11/29 16:30
- + JavaScript の質問用スレッド vol.126 + (348) - [95%] - 2023/1/12 17:00
- + JavaScript の質問用スレッド vol.100 + (1001) - [95%] - 2012/6/13 22:46
トップメニューへ / →のくす牧場書庫について