2007-10-24
JavaScriptで要素を作るときのclass指定方法
一度悩んで、解決してたのに、忘れてもう一回悩んだので、次は絶対悩まないようにメモメモ
こう書くべし!
var e = document.createElement('div'); e.className = 'some-class-name'; document.body.appendChild(e);
以下のように書いてもよさそうだが、IEでは(少なくともIE7では。不明だがIE6もたぶんだめ?)CSSでclassに指定したスタイルが適用されず、しばらく頭を悩ませてしまうこととなった。
var e = document.createElement('div'); e.setAttribute('class', 'some-class-name'); document.body.appendChild(e);
頭を悩ませた時間が前回より減ってない気がするのがダメダメな感じ・・orz
皆さんもお気をつけくださいまし。
- 9133 https://www.google.co.jp/
- 576 http://www.google.co.jp/url?sa=t&rct=j&q=&esrc=s&source=web&cd=1&cts=1331028411186&ved=0CDIQFjAA&url=http://d.hatena.ne.jp/shimonoakio/20071024/1201690016&ei=n-FVT6mQLtHAmQWw8PDhCQ&usg=AFQjCNGzz_eIjwVqre6xdr5N78nfa-X1jA&sig2=qFn9mN2f5UT2tEEW3-
- 448 https://www.google.com/
- 331 https://www.google.co.jp
- 302 http://www.google.co.jp/search?q=javascript+class+指定&hl=ja&lr=&start=10&sa=N
- 244 http://www.google.co.jp/search?hl=ja&q=Javascript+class+指定&lr=&aq=f&oq=
- 175 http://www.google.co.jp/search?hl=ja&source=hp&q=javascript+classの指定&lr=&aq=f&oq=
- 165 http://search.yahoo.co.jp/
- 127 http://www.google.co.jp/url?sa=t&rct=j&q=&esrc=s&source=web&cd=3&cts=1331001055298&ved=0CEUQFjAC&url=http://d.hatena.ne.jp/shimonoakio/20071024/1201690016&ei=vnZVT52ACNGHrAfPxaSxBw&usg=AFQjCNGzz_eIjwVqre6xdr5N78nfa-X1jA
- 121 http://www.google.co.jp/url?sa=t&rct=j&q=&esrc=s&source=web&cd=2&cts=1331097982360&ved=0CD0QFjAB&url=http://d.hatena.ne.jp/shimonoakio/20071024/1201690016&ei=cvFWT_-_B_GMmQXnoqWBCg&usg=AFQjCNGzz_eIjwVqre6xdr5N78nfa-X1jA&sig2=KxGA6ejTUJZZQrgbhP