- ベストアンサー
WordPressの質問(q10226736)の続
➀ ---- divTitlePartialParts.classList.add("title-partial"); // classの追加 divTitlePartialParts.classList.add("parts"); // classの追加 ---- ➁ ---- divTitlePartialParts.classList.add("title-partial", "parts"); // classの追加 ---- ➂ ---- divTitlePartialParts.className = "title-partial parts"; // classの追加 ---- divTitlePartialParts.setAttribute("class", "title-partial parts"); // classの追加 ---- 下記のHTML クラスで CSS を書きたいのですが、 ➀➁のクラスを2つ分ける方法と➂のまとめて書く方法どちらを選択すべきでしょうか? 頻繁に書き換える場合 classList を使ったほうが良いとのことでどちらが良いか悩んでおります。 ・title-partial { }
- みんなの回答 (20)
- 専門家の回答
質問者が選んだベストアンサー
その他の回答 (19)
- dell_OK
- ベストアンサー率13% (743/5656)
- dell_OK
- ベストアンサー率13% (743/5656)
- dell_OK
- ベストアンサー率13% (743/5656)
- dell_OK
- ベストアンサー率13% (743/5656)
- dell_OK
- ベストアンサー率13% (743/5656)
- dell_OK
- ベストアンサー率13% (743/5656)
- dell_OK
- ベストアンサー率13% (743/5656)
- dell_OK
- ベストアンサー率13% (743/5656)
- dell_OK
- ベストアンサー率13% (743/5656)
- dell_OK
- ベストアンサー率13% (743/5656)
- 1
- 2
関連するQ&A
- WordPressの質問(q1023581)の続
回答が遅くなってしまい申し訳ありません… 確認画面で分からないところがあり、アドバイスお願い致します。 ➀アップロードされたファイルを表示画面と同じ大きさ(height: 350px; width: 528px;)で表示したい場合どうすれば良いでしょうか? HTML を書き換えるコードの画像サイズを変更しても変化がないためどうすべきか悩んでおります。 ➁名前と画像アイコンの表示順を逆にしたいのですが、bbs_quest_input.php の452行目の divNamaePartialParts.appendChild(usericonImg); と 455行目の divNamaePartialParts.appendChild(child); コードで順番を変更させる方法が分からず教えて頂きたいです。 上記とは別の疑問になるのですが、質問文、質問タイトル、名前それぞれ残り1文字入力可能な状態で制限がかかってしまいます。 これは以内というコードになっているからでしょうか?何が原因となっているのか分からずアドバイス頂きたいです。 ※現在のコード https://wandbox.org/permlink/piR82q0rnnWvVphI ※確認ページ表示画面 https://imgur.com/AucGqLf.png ※質問掲示板 http://www.irasuto.cfbx.jp/%e8%b3%aa%e5%95%8f%e6%8e%b2%e7%a4%ba%e6%9d%bf/
- ベストアンサー
- PHP
- javascriptのクラス名操作について
javascriptのgetElementsByClassNameについて質問があります。 下記のようなクラス名を削除して別のクラスをつけるサンプルプログラムを作成しましたがjavascriptのエラーが出てクラスの追加できません。 ※エラー内容:Uncaught TypeError: Cannot read property 'classList' of undefined ---------以下プログラム-------------- <div class="a">aaa</div> <script> var obj = document.getElementsByClassName("a"); obj[0].classList.remove("a"); obj[0].classList.add("b"); </script> --------以上---------------------------- 「obj[0].classList.remove」をした時の前後で「console.log("obj");」をしたところ、 remove後のobjの値が空になっていました。 なぜこうなるか分からないため、分かる方ご教授の程よろしくお願い致します。
- 締切済み
- JavaScript
- wordpressで余計な余白を削りたい
WorpdressでTwenty Seventeenというテンプレートの子テーマを使っています。 静的HTMLページで作ったサイトをWordPressに持ってきたのですが、 静的ページより全体的に余白ができてしまって困っています。 画像と画像の間やヘッダーの上部です。 style.cssで追加したmarginやpaddingをいじっているのですが、静的ページと同じになりません。 余白を削る良い方法はありますでしょうか。 img { vertical-align:bottom; } で画像間の隙間を無くしてみました。 vertical-align:bottom; を追加する前とした後では隙間の出来が違うのですが、それでも静的ページと同じになりません。 「ヘッダー」もfunctions.phpに add_filter( ‘show_admin_bar’, ‘__return_false’ ); を追加したら追加する前よりは余白が減りましたがそれでも静的ページより余白ができてしまいます。 atyle.css以外の場所で余白を削るのかもしれません。
- ベストアンサー
- オープンソース開発
- Javascript初心者です助言おねがいします。
オセロを作成しています。 盤面の上にaからhも文字を表示して盤面の左に1から8の文字を表示させたいのですが、どうもうまくいきません。どうすればよいでしょうか。 Javascript // ボードの上に a から h までの文字を表示する const letters = document.createElement("div"); letters.classList.add("letters"); for (let i = 0; i < 8; i++) { const letter = document.createElement("div"); letter.classList.add("letter"); letter.textContent = String.fromCharCode(97 + i); letters.appendChild(letter); } // ボードの左に 1 から 8 までの数字を表示する const numbers = document.createElement("div"); numbers.classList.add("numbers"); for (let i = 1; i <= 8; i++) { const number = document.createElement("div"); number.classList.add("number"); number.textContent = i; numbers.appendChild(number); } board.appendChild(numbers); // 盤面を作成 for (let row = 0; row < 8; row++) { for (let col = 0; col < 8; col++) { const cell = document.createElement("div"); cell.classList.add("cell"); cell.setAttribute("data-row", row); cell.setAttribute("data-col", col); board.appendChild(cell); cells[`${row}-${col}`] = cell; } board.appendChild(letters); } css .letters { display: flex; justify-content: space-between; margin-bottom: 8px; } .letter { width: 12.5%; text-align: center; } .numbers { display: flex; flex-direction: column; justify-content: space-between; margin-right: 8px; } .number { height: 12.5%; text-align: center; }
- ベストアンサー
- JavaScript
- visual studioのデザイナ画面でエラーがでる
visual studio 2008 express edition C#3.5 を使用しています。 新しい項目の追加からフォーム画面をそれぞれ 「Base.cs」 public partial class Base : Form { public Base(int i) { InitializeComponent(); } } 「CSharp.cs」 public partial class CSharp : Base { public CSharp(int i) : base(i) { } } とCSharpクラスはBaseクラスを継承させるようにしたいのですが、 上のように引数付きコンストラクタで記述すると 「型 'Test.Base' にコンストラクタが見つかりませんでした。 」 というエラーが出てデザイン画面が表示されなくなります・・・ 次のように 「Base.cs」 public partial class Base : Form { public Base() { InitializeComponent(); } public Base(int i) { InitializeComponent(); } } Baseクラスに引数なしのコンストラクタを追加すれば問題なくデザイン画面が表示されるのですが、 これはvisual studioだから起こるエラーなのでしょうか?
- ベストアンサー
- その他(プログラミング・開発)
- 【至急】デート時の会計 どれがまし?
今晩、年上の男性と初デートします。 以下の中で、どれがましですか? ➀レジで、男性の横に立ち、財布を持って「私もお支払いします」と言う。 ➁レジで会計をしてくれている男性から少し離れたところで、財布を待ち、お店をでてから、「私の分です」or「(金額を把握できててない場合は)おいくらですか」と言って支払う。 ➂レジで会計をしてくれている男性から少し離れたところで、財布を出さずに待ち、お店を出てから、➁と同様にして、自分の文を支払う。 今までどれもいい印象の時と悪い印象をもたれる事がありました。 悪い印象については、店員に面子がたたないから財布は出してほしくないだとか、奢ってもらって当たり前という考え方なのかと思ったなど…。 男性もいろいろいるので、全員にマッチする方法はないとは思いますが、できれば30歳前後の男性に伺いたいです。 回答ですが、できれば➀の場合、2人のやり取りが店員に面子が立たないと思わないのか、そこらへんも回答いただけると嬉しいです。 また、初デートですし、会計の前にお手洗いでお化粧直ししたいです。その間にお支払いしてくださっていた方もいらっしゃいます。 今晩会う彼がどんな方なのかあまり知らないので、どうするのかわかりませんが、もし、会計をしてくださっていた場合(店員さんがいるレジを素通りした際)、「お会計してくださったのですか?私もお支払いします」と言ってもいいのでしょうか? もう、どれが正しいのか分からなくて、その方がどういう方か分かるまでは疲れます。
- 締切済み
- 恋愛相談
- インスタンス内から自分のクラス名を取得する方法
クラスインスタンス内から自分のクラス名を取得しようと思うと、self.class.nameで取得できますが、type.nameでも取得できます。 しかし、typeは非推奨メソッドとなっているため、警告が出て、このままでは使用することができません。 素直にself.classを使えばいいのかもしれませんが、selfのワンクッションがどうにも気に入りません。 スマートな記述方法あったら教えて下さい。 # self.class.nameを使用する場合 class MyClass def print_classname puts self.class.name # puts class.name これはエラー end end # type.nameを使用する場合 class MyClass2 def print_classname puts type.name # これはdeprecatedの記述で警告が出る end end
- 締切済み
- Ruby
- パネルの上書きをしたい
何個のJList等が作成されるか未定で、必要になればその都度JPanelに追加されるというプログラムを考えています。以下のクラスを作成し、呼び出し指定したJPanelに貼り付けることをしました。 2度目の呼び出しは一度目に呼び出して貼り付けられたJList等は不要で表示しないでよいのですが、残したまま追加という形で表示されました。 以前のものが残されているのはJPanelが新しいものではないということがわかりましたのでaddcomを呼び出す前に一度初期化しました。 ですが今度パネルが重なるのか文字が重なる(はっきり重なるわけではなくうっすら文字のようなものが見えます)状態になりました。 表示しているJPanelは別のJPanelのボーダーレイアウトのcenterにその都度貼り付けています。 クラスには問題はないと思われますか? 毎回同じパネルに貼り付ける場合貼り付ける直前に同じ箇所に貼り付けられていたパネルはどうなるのでしょうか?単に貼り付けられなくなるだけなのでしょうか?それとも上から貼り付けられるだけなのでしょうか?いろいろ試していると上から貼り付けられるような気がします。 class addcom{ JPanel addpanel; Vector listaddress; addcom(JPanel addpanel,Vector attribute,Vector listaddress){ this.listaddress = listaddress; this.addpanel = addpanel; } void addList(Vector setattribute){ JList list = new JList(setattribute); addpanel.add(list); listaddress.add(list); } void addLabel(String str,Vector labeladdress){ JLabel label = new JLabel(str); addpanel.add(label); labeladdress.add(label); } void addButton(String str,Vector buttonaddress){ JButton button = new JButton(str); addpanel.add(button); buttonaddress.add(button); } }
- ベストアンサー
- Java
- (AS3)あるクラスが存在するかどうかを調べるにはどうすれば?
var className:String = "aaa"; if(null === getDefinitionByName(className) as Class){ trace("存在しない") }else{ trace("存在する") } aaaというクラスが存在するかしないかを判定したいのです。上のスクリプトのようにnullで判定できるかと思ったのですが、存在しなかった場合にはエラーがでてきてうまくいきません。 なにかよい方法はありませんか? ちなみにActionScript3.0の質問です。
- ベストアンサー
- Flash
- CSS内で呼び出してる画像に対して、class属性をつけたい
CSS内で呼び出してる画像に対して、class属性をつけたい お世話になります、CSSに関して下記のようなことは可能なのでしょうか。 とあるライブリにimgタグにclass属性を指定して使用するものがありました。 例:<img src="image.gif" class="○○"/> (クラスを指定すると画像にエフェクトがかかる) これをcssで下記のように呼び出している画像に対して適用することは可能でしょうか。 [cssファイル] #bkg .opt1 { background: url('画像のパス'); } [html] //こんな感じで呼んでいる <li class="bkg opt1"><span>image</span></li> CSS内でクラス指定ができないものかと色々試してみたもののうまくいきません・・ 適用方法、ヒント等教えていただけますでしょうか よろしくお願いします
- 締切済み
- HTML
お礼
こちらが最新の質問になります。 回答が遅れてしまい申し訳ありません、dell_okさんに事前に伝えておくべきでした。 回答の期限が切れてしまった為下記のリンクからアドバイスお願い致します。 https://okwave.jp/qa/q10245849.html
補足
回答ありがとうございます。遅れてしまい申し訳ありません。 Base64を使わずにバイナリーデータを調べる方法をとっていたのを忘れておりました。 結果画面まで作成致します。