具体的には、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>
○になっているところは分かりませんのでアタリです。
それでは、宜しくお願い致します。
下記のようになります。
HTML本体より後に記述するようにしてください。
<script type="text/javascript"> sidebrClass = location.href.indexOf("hoge.php"); if ( sidebrClass !== -1 ) { document.getElementById("sidebar").className = "columns hoge"; } </script>
一度オブジェクトとして取得してからでないと変更できないので下記のような具合にて修正を行う
var d = document.getElementById("sidebar"); alert(d.className); d.className += ' hoge'; alert(document.getElementById("sidebar").className);
alertは動作確認用