人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

javascriptで質問です。現在のページのurlから特定の文字列を検索し、条件分岐でhtmlを書き換えたいと思っています。
具体的には、hoge.phpの時にid="sidebar"を検索し、<div id="sidebar" class="columns">を<div id="sidebar" class="columns hoge">としたいです。

自分で書けるところまで書いてみました。

<script type="text/javascript">
sidebrClass = location.href.indexOf("hoge.php");
if ( sidebrClass !== -1 ) {
document.getElementById("sidebar").○○='<div id="sidebar" class="columns hoge">';
}
</script>

○になっているところは分かりませんのでアタリです。

それでは、宜しくお願い致します。

●質問者: dmt13
●カテゴリ:インターネット ウェブ制作
✍キーワード:hoge href HTML JavaScript PHP
○ 状態 :終了
└ 回答数 : 2/2件

▽最新の回答へ

1 ● ホーエンハイム
●35ポイント ベストアンサー

下記のようになります。

HTML本体より後に記述するようにしてください。

<script type="text/javascript">
sidebrClass = location.href.indexOf("hoge.php"); 
if ( sidebrClass !== -1 ) {
document.getElementById("sidebar").className = "columns hoge";
}
</script>
◎質問者からの返答

Bombastusさん

教えていただきました記述で問題なく出来ました!有難うございます!!


2 ● koriki-kozou
●35ポイント

一度オブジェクトとして取得してからでないと変更できないので下記のような具合にて修正を行う

var d = document.getElementById("sidebar");
alert(d.className);
d.className += ' hoge';
alert(document.getElementById("sidebar").className);

alertは動作確認用

◎質問者からの返答

koriki-kozouさん

こちらの方法でも問題なく出来ました!別案として非常に参考になりました。有難うございます!!

関連質問


●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ