ＩＫＯＲＡブログ入門 第１章
第1章 ブログの構造を知ろう
まず、スタイルの変更をしてみましょう。下記のセレクトボタンをクリックしてください。
どうですか、「CSSファイルを使用しない」場合は、見栄えが悪いですね。この場合、HTMLファイルだけがブラウザ(FirefoxなどのWeb閲覧ソフト)で表示されます。
CSSファイルを使用すると、見栄えが良くなります。CSSファイルは、ホームページのスタイルをつかさどるファイルです。言わば、スキンや仮面みたいなものです。
基本的には、ブログはHTMLファイルとCSSファイルで出来ています。このサイトでは、主にこの二つのファイルについて勉強していくことになります。
CSSファイルを使わない場合のHTMLファイルの見栄え
どうですか、味気ないですね。一段組のレイアウトのようですが、無秩序に表示されています。ただ、単なるテキスト文のファイルとは異なり、このHTML文で書かれたファイルには文書構造(見出し、リンク、画像等)があります。
この文書構造を表示しているのがタグと呼ばれるものの機能です。ブラウザは、「＜」と「＞」で挟まれたものを解釈しながら表示しています。
具体的なHTMLの中身を見ておきましょう。
下記のHTML文書のタグ(＜＞)は、全角に変えています。本当のタグは半角です。
＜!--ENTRY オリジナルテンプレート2カラム(サイドバー左)--＞
＜!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"＞
＜html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja"＞
＜head＞
＜meta http-equiv="Content-Type" content="text/html; charset=utf-8" /＞
＜link rel="stylesheet" href="http://img01.ikora.tv/usr/ikora0/style.css" type="text/css" /＞
＜link rel="alternate" type="application/rss+xml" title="RSS" href="http://ikora0.ikora.tv/index.rdf" /＞
＜link rel="EditURI" type="application/rsd+xml" title="RSD" href="http://ikora0.ikora.tv/index.xml" /＞
＜link rel="contents" href="sitemap.html" /＞
＜title＞IKORAブログの入門＜/title＞
＜meta name="description" content="IKORAブログのカスタマイズ Mozilla Firefoxで動作を確認していますが、MS インターネットエクスプローラ(IE)ではエラーが出るものがあります。" /＞
＜meta name="keywords" content="IKORAブログの入門" /＞
＜meta http-equiv="Content-Style-Type" content="text/css" /＞
＜meta http-equiv="Content-Script-Type" content="text/javascript" /＞
＜/head＞
＜body＞
＜!-- HEADER --＞
＜a name="top"＞＜/a＞
＜div id="container"＞
＜h1 class="blogtitle"＞＜a href="http://ikora0.ikora.tv/" accesskey="1"＞IKORAブログの入門＜/a＞＜/h1＞
＜!-- メニュを挿入する start --＞
＜div class="navitb"＞
＜ul＞
＜li＞＜a href="http://ikora0.ikora.tv/" title="頑張れピーちゃん"＞ＨＯＭＥ＜/a＞＜/li＞
＜li＞＜a href="http://ikora0.ikora.tv/sitemap.html" title="サイトマップ"＞サイトマップ＜/a＞＜/li＞
＜/ul＞
＜/div＞
＜!-- メニュを挿入する end --＞
＜div id="banner"＞
＜/div＞
＜div class="description"＞IKORAブログのカスタマイズ Mozilla Firefoxで動作を確認していますが、MS インターネットエクスプローラ(IE)ではエラーが出るものがあります。＜/div＞ ＜!-- 近々変えたい --＞
＜div id="content"＞
＜div class="blog"＞
＜!-- Loop Start --＞
＜span＞＜div style="margin-bottom:5px;"＞
＜script type="text/javascript" src="http://ikora.tv/outside/adclick.js"＞＜/script＞
＜script type="text/javascript"＞
＜!--
disp_adclick("getaddata", "sid=ikora.tv&type=2&btype=0&p=U2FsdGVkX18gEHRx8mfkWzMmYc5iVVa7kZe8bJREn7Y%3D", "Shift_JIS", "id_766105");
//--＞
＜/script＞
＜div id="id_766105"＞＜/div＞
＜/div＞＜/span＞
＜!--
＜rdf:RDF xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:trackback="http://madskills.com/public/xml/rss/module/trackback/"
xmlns:dc="http://purl.org/dc/elements/1.1/"＞
＜rdf:Description
rdf:about="http://ikora0.ikora.tv/e544631.html"
dc:title="Hello world!"
dc:identifier="http://ikora0.ikora.tv/e544631.html"
dc:subject=""
dc:description="ããã£ã¦ãããã°ã･･･"
dc:creator="ecell"
dc:date="2011-01-30T21:35:27+09:00" /＞
＜/rdf:RDF＞
--＞
＜h2 class="date"＞＜/h2＞
＜div class="blogbody"＞
＜a name="544631"＞＜/a＞
＜h3 class="title"＞＜a href="/e544631.html"＞Hello world!＜/a＞＜/h3＞
＜div class="main"＞
これって、プログラミング言語を勉強するときの最初に学ぶことです。＜br /＞
単に、コンピュータのディスプレイに評するだけの簡単な命令なんです・・・＜br /＞
＜br /＞
＜script type="text/javascript"＞＜br /＞
＜!--＜br /＞
document.write("Hello everybody!");＜br /＞
// --＞＜br /＞
＜/script＞＜br /＞
＜br /＞
＜script type="text/javascript"＞＜br /＞
＜!--＜br /＞
document.write("Hello everybody!");＜br /＞
// --＞＜br /＞
＜/script＞＜br /＞
＜br /＞
「＜」と「＞」を半角にしブログに書き込むと、javascriptで表示されます。＜br /＞
＜br /＞
＜br /＞
＜/div＞＜br clear="all" /＞
＜div class="posted"＞＜/a＞
│＜a class="aposted" href="/e544631.html#comments"＞Comments(0)＜/a＞
│＜a class="aposted" href="/e544631.html#trackback"＞TrackBack(0)＜/a＞
＜/div＞
＜/div＞
＜!-- Loop End --＞
＜div class="menu"＞[＜a class="amenu" href="index_2.html"＞次のページ＜/a＞]＜/div＞
＜div class="pagetop"＞＜a class="aposted" href="#top"＞このページの上へ▲＜/a＞＜/div＞
＜/div＞
＜/div＞
＜div id="links"＞
＜!-- ************* ここから ****************** --＞
＜center＞＜INPUT type="button" value="お気に入りにしてぇ！" onClick="javascript:window.external.AddFavorite('http://ikora0.ikora.tv/','IKORAブログの入門')" style="border-style:solid; border-width:2px; border-color:Lime; font-size:10pt; background:#FFFF00;color:#FF0000"＞＜/center＞＜br /＞＜br /＞
＜!-- ************* ここまで ******************* --＞
＜span＞＜div style="margin-bottom:5px;"＞
＜script type="text/javascript" src="http://ikora.tv/outside/adclick.js"＞＜/script＞
＜script type="text/javascript"＞
＜!--
disp_adclick("getaddata", "sid=ikora.tv&type=1&btype=0&p=U2FsdGVkX18rRlpkZTo9c%2B5SSClJjLvqHQyjpyVvAdA%3D", "Shift_JIS", "id_6343");
//--＞
＜/script＞
＜div id="id_6343"＞＜/div＞
＜/div＞＜/span＞＜div class="calender"＞＜div class="calendarhead"＞
＜a href="d2011-01.html"＞<＜/a＞ 2011年＜a href="d2011-02.html"＞02＜/a＞月 ＜a href="d2011-03.html"＞>＜/a＞＜/div＞
＜table class="calendartable" summary="calender"＞
＜tr＞
＜th abbr="S" class="calendarwd sun"＞＜span class="calendarweek"＞S＜/span＞＜/th＞
＜th abbr="M" class="calendarwd"＞＜span class="calendarweek"＞M＜/span＞＜/th＞
＜th abbr="T" class="calendarwd"＞＜span class="calendarweek"＞T＜/span＞＜/th＞
＜th abbr="W" class="calendarwd"＞＜span class="calendarweek"＞W＜/span＞＜/th＞
＜th abbr="T" class="calendarwd"＞＜span class="calendarweek"＞T＜/span＞＜/th＞
＜th abbr="F" class="calendarwd"＞＜span class="calendarweek"＞F＜/span＞＜/th＞
＜th abbr="S" class="calendarwd sat"＞＜span class="calendarweek"＞S＜/span＞＜/th＞
＜/tr＞
＜tr＞
＜td class="calendard sun"＞＜span class="calendar"＞ ＜/span＞＜/td＞
＜td class="calendard"＞＜span class="calendar"＞ ＜/span＞＜/td＞
＜td class="calendard"＞＜span class="calendar"＞1＜/span＞＜/td＞
＜td class="calendard"＞＜span class="calendar"＞2＜/span＞＜/td＞
＜td class="calendard"＞＜span class="calendar"＞3＜/span＞＜/td＞
＜td class="calendard"＞＜span class="calendar"＞4＜/span＞＜/td＞
＜td class="calendard sat"＞＜span class="calendar"＞5＜/span＞＜/td＞
＜/tr＞
＜tr＞
＜td class="calendard sun"＞＜span class="calendar"＞6＜/span＞＜/td＞
＜td class="calendard"＞＜span class="calendar"＞7＜/span＞＜/td＞
＜td class="calendard"＞＜span class="calendar"＞8＜/span＞＜/td＞
＜td class="calendard"＞＜span class="calendar"＞9＜/span＞＜/td＞
＜td class="calendard"＞＜span class="calendar"＞10＜/span＞＜/td＞
＜td class="calendard"＞＜span class="calendar"＞11＜/span＞＜/td＞
＜td class="calendard sat"＞＜span class="calendar"＞12＜/span＞＜/td＞
＜/tr＞
＜tr＞
＜td class="calendard sun"＞＜span class="calendar"＞13＜/span＞＜/td＞
＜td class="calendard"＞＜span class="calendar"＞14＜/span＞＜/td＞
＜td class="calendard"＞＜span class="calendar"＞15＜/span＞＜/td＞
＜td class="calendard"＞＜span class="calendar"＞16＜/span＞＜/td＞
＜td class="calendard"＞＜span class="calendar"＞17＜/span＞＜/td＞
＜td class="calendard"＞＜span class="calendar"＞18＜/span＞＜/td＞
＜td class="calendard sat"＞＜span class="calendar"＞19＜/span＞＜/td＞
＜/tr＞
＜tr＞
＜td class="calendard sun"＞＜span class="calendar"＞20＜/span＞＜/td＞
＜td class="calendard"＞＜span class="calendar"＞21＜/span＞＜/td＞
＜td class="calendard"＞＜span class="calendar"＞22＜/span＞＜/td＞
＜td class="calendard"＞＜span class="calendar"＞23＜/span＞＜/td＞
＜td class="calendard"＞＜span class="calendar"＞24＜/span＞＜/td＞
＜td class="calendard"＞＜span class="calendar"＞25＜/span＞＜/td＞
＜td class="calendard sat"＞＜span class="calendar"＞26＜/span＞＜/td＞
＜/tr＞
＜tr＞
＜td class="calendard sun"＞＜span class="calendar"＞27＜/span＞＜/td＞
＜td class="calendard"＞＜span class="calendar"＞28＜/span＞＜/td＞
＜td class="calendard"＞＜span class="calendar"＞ ＜/span＞＜/td＞
＜td class="calendard"＞＜span class="calendar"＞ ＜/span＞＜/td＞
＜td class="calendard"＞＜span class="calendar"＞ ＜/span＞＜/td＞
＜td class="calendard"＞＜span class="calendar"＞ ＜/span＞＜/td＞
＜td class="calendard sat"＞＜span class="calendar"＞ ＜/span＞＜/td＞
＜/tr＞
＜/table＞
＜/div＞＜div class="recententry"＞＜div class="sidetitle"＞最近の記事＜/div＞＜div class="side"＞
＜div class="sidebody"＞＜a class="aside" href="/e544631.html"＞Hello world!＜/a＞ (1/30)＜/div＞
＜div class="sidebody"＞＜a class="aside" href="/e544138.html"＞ヘッダー画像＜/a＞ (1/29)＜/div＞
＜div class="sidebody"＞＜a class="aside" href="/e543998.html"＞インラインフレーム＜/a＞ (1/29)＜/div＞
＜div class="sidebody"＞＜a class="aside" href="/e543955.html"＞特定のクラスのものを隠す＜/a＞ (1/29)＜/div＞
＜div class="sidebody"＞＜a class="aside" href="/e543836.html"＞Ｉｄの取得＜/a＞ (1/29)＜/div＞
＜div class="sidebody"＞＜a class="aside" href="/e543707.html"＞文字列の読み込み＜/a＞ (1/29)＜/div＞
＜div class="sidebody"＞＜a class="aside" href="/e543663.html"＞ブラウザ情報＜/a＞ (1/28)＜/div＞
＜div class="sidebody"＞＜a class="aside" href="/e543641.html"＞スタイルシートの変更＜/a＞ (1/28)＜/div＞
＜div class="sidebody"＞＜a class="aside" href="/e543624.html"＞スタイルの書き換え＜/a＞ (1/28)＜/div＞
＜div class="sidebody"＞＜a class="aside" href="/e543499.html"＞getElementsByTagName＜/a＞ (1/28)＜/div＞
＜div class="sidebody"＞＜a class="aside" href="/e543481.html"＞練習＜/a＞ (1/28)＜/div＞
＜div class="sidebody"＞＜a class="aside" href="/e543445.html"＞サブウィンドウ＜/a＞ (1/28)＜/div＞
＜div class="sidebody"＞＜a class="aside" href="/e543441.html"＞ドキュメントを書く＜/a＞ (1/28)＜/div＞
＜div class="sidebody"＞＜a class="aside" href="/e543393.html"＞バックグランド画像＜/a＞ (1/28)＜/div＞
＜div class="sidebody"＞＜a class="aside" href="/e543353.html"＞バナー広告の操作＜/a＞ (1/28)＜/div＞
＜div class="sidebody"＞＜a class="aside" href="/e543340.html"＞カレンダーを消す＜/a＞ (1/28)＜/div＞
＜div class="sidebody"＞＜a class="aside" href="/e543225.html"＞オンマウス＜/a＞ (1/28)＜/div＞
＜div class="sidebody"＞＜a class="aside" href="/e543171.html"＞カレンダーの操作＜/a＞ (1/27)＜/div＞
＜div class="sidebody"＞＜a class="aside" href="/e543150.html"＞クラスを纏めて操作＜/a＞ (1/27)＜/div＞
＜div class="sidebody"＞＜a class="aside" href="/e543134.html"＞タグの書き換え＜/a＞ (1/27)＜/div＞
＜/div＞
＜/div＞＜div class="ad"＞＜script src='http://static.adlantis.jp/javascripts/AdLantisLoader.js' type='text/javascript' charset='utf-8'＞＜/script＞
＜br/＞
＜div align="center"＞
＜a href="http://ikora.tv/"＞＜img src="http://ikora.tv/img/logo_tmp.gif" vspace="1"＞＜/a＞＜br＞＜a href="http://ikora.tv/"＞＜b＞和歌山＜/b＞＜/a＞＜a href="http://ikora.tv/"＞の情報発信＜br＞ブログポータル＜/a＞
＜br/＞
＜a href="http://ikora.tv"＞＜img src="http://ikora.tv/img/header_login.gif" border="0" alt="ログインはTOPページで"＞＜/a＞＜br/＞
＜a href="http://ikora.tv/admin/member_regist.php"＞＜img src="http://ikora.tv/img/header_new.gif" border="0" alt="私も作ってみる"＞＜/a＞
＜br＞＜br＞
＜!-- chirashi --＞
＜!--＜A href="http://chirashi-wa.net/" target="_blank" ＞＜IMG src="http://ikora.tv/img/bnr/chirashideikora_150x58.gif" width="150" vspace="2" border="0"＞＜/A＞＜br/＞--＞
＜!-- Begin: Adlantis, Zone: [個別ブログサイド枠-CS.Cue枠1] --＞
＜div class='adlantiss_frame zid_1Rc10m%2F963NMsmsjDQThjQ%3D%3D color_#0000FF-#000000-#FFFFFF-#999999-#008000 container_iframe'＞＜/div＞
＜!-- End: Adlantis --＞
＜br/＞＜br/＞
＜!-- Begin: Adlantis, Zone: [個別ブログサイド枠-画像1] --＞
＜div class='adlantiss_frame zid_svGv%2FJ%2B1SkxHP4GfyjYBDA%3D%3D color_#0000FF-#000000-#F9F9F9-#999999-#008000 container_iframe'＞＜/div＞
＜!-- End: Adlantis --＞
＜div align="left" style="font-size:10px"＞
＜br＞
＜table border="0" cellspacing="3"＞
＜!--
＜tr＞
＜td valign="top" nowrap＞＜font color="#FF0000"＞[PR]＜/font＞＜/td＞＜td＞＜a href="http://powerad.jp/" target="_blank"＞被リンク＜/a＞でSEOならPower AD＜/td＞
＜/tr＞
--＞
＜tr＞
＜td valign="top" nowrap＞＜font color="#FF0000"＞[PR]＜/font＞＜/td＞＜td＞＜a href="http://iam.tv" target="blank"＞声優＜/a＞･＜a href="http://iam.tv" target="blank"＞アニメ声優＜/a＞を目指すあなたの＜a href="http://iam.tv" target="blank"＞インターナショナル・メディア学院＜/a＞ ＜a href="http://m.iam.tv" target="_blank"＞声優＜/a＞になりたい!!＜/td＞
＜/tr＞
＜tr＞
＜td valign="top" nowrap＞＜font color="#FF0000"＞[PR]＜/font＞＜/td＞＜td＞＜a href="http://www.ukiuki-wine.com" target="blank"＞ワイン＜/a＞をお求めなら、＜br/＞＜a href="http://www.ukiuki-wine.com" target="blank"＞うきうきワインの玉手箱＜/a＞＜/td＞
＜/tr＞
＜tr＞
＜td valign="top" nowrap＞＜font color="#FF0000"＞[PR]＜/font＞＜/td＞＜td＞＜a href="http://w-print.ocnk.net/" target="blank"＞ちらし＜/a＞＜a href="http://w-print.ocnk.net/" target="blank"＞印刷＜/a＞、＜a href="http://www.senkyo-hissho.com/" target="blank"＞選挙用品＜/a＞＜/td＞
＜/tr＞
＜tr＞
＜td valign="top" nowrap＞＜font color="#FF0000"＞[PR]＜/font＞＜/td＞＜td＞＜a href="http://chirashi-wa.net/" target="blank"＞和歌山＜/a＞の＜a href="http://chirashi-wa.net/" target="blank"＞ネットチラシ＜/a＞＜/td＞
＜/tr＞
＜tr＞
＜td valign="top" nowrap＞＜font color="#FF0000"＞[PR]＜/font＞＜/td＞
＜td＞＜a href="http://ikora.tv"＞和歌山情報＜/a＞を＜a href="http://ikora.tv"＞ブログ＜/a＞でチェック＜a href="http://ikora.tv"＞イコラブログ＜/a＞＜/td＞
＜/tr＞
＜tr＞
＜td valign="top" nowrap＞＜font color="#FF0000"＞[PR]＜/font＞＜/td＞
＜td＞＜a href="http://synerzy.jp/renewplan/" target="_blank"＞商品ページ＜/a＞1ページから＜a href="http://synerzy.jp/renewplan/" target="_blank"＞リニューアル＜/a＞!!＜a href="http://synerzy.jp/renewplan/" target="_blank"＞楽天＜/a＞・＜a href="http://synerzy.jp/renewplan/" target="_blank"＞ヤフー＜/a＞OK!現在＜a href="http://synerzy.jp/renewplan/" target="_blank"＞キャンペーン＜/a＞中＜/td＞
＜/tr＞
＜tr＞
＜td valign="top" nowrap＞＜font color="#FF0000"＞[PR]＜/font＞＜/td＞
＜td＞＜a href="http://rdenter.com/" target="_blank"＞アリサコスメ＜/a＞・＜a href="http://rdenter.com/" target="_blank"＞化粧品OEM＜/a＞なら＜a href="http://rdenter.com/" target="_blank"＞有限会社レン・ド・エンタープライズ＜/a＞＜a href="http://synerzy.jp/renewplan/" target="_blank"＞＜/a＞
＜/td＞
＜/tr＞
＜/table＞
＜div align="center" style="font-size:10px"＞
＜a href="http://www.rakuten.co.jp/kishugodaiume/" target="_blank"＞梅干＜/a＞ ＜a href="http://www.rakuten.co.jp/kishugodaiume/" target="_blank"＞梅酒＜/a＞ ＜a href="http://rdenter.com/" target="_blank"＞＜/a＞＜br＞
＜br＞
＜a href="http://promortion.ikora.tv/e376801.html" target="_blank"＞＜img src="http://img01.ikora.tv/usr/promortion/hihyouji.jpg" alt="" ＞＜/a＞
＜/div＞
＜br＞
＜/div＞
＜/div＞
＜!--CLOG_GoogleAnalytics--＞
＜script type="text/javascript"＞
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-17409784-34']);
_gaq.push(['_setDomainName', '.ikora.tv']);
_gaq.push(['_trackPageview']);
(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
＜/script＞
＜!--CLOG_GoogleAnalytics--＞＜/div＞＜div class="custom1"＞＜div＞＜script type="text/javascript"＞
＜!--
function chengePic() {
// ランダムに画像を表示する
img = new Array();
img[0] = "http://img01.ikora.tv/usr/ikora0/mizuni.JPG";
img[1] = "http://img01.ikora.tv/usr/ikora0/eyes0011.jpg";
img[2] = "http://img01.ikora.tv/usr/ikora0/bg1.gif";
n = Math.floor(Math.random()*img.length);
//document.write("＜img src='"+img[n]+"' border='0'＞");
document.getElementById('banner').style.backgroundImage = 'url('+img[n]+')';
//document.getElementById('banner').style.backgroundImage = 'url(http://img01.ikora.tv/usr/ikora0/mizuni.JPG)';//"url('+rdmimg+')";
//document.write ('＜style type="text/css"＞#banner{background:#000 url('+rdmimg+') top center //no-repeat;}＜/style＞');
}
// --＞
＜/script＞
＜script type="text/javascript"＞
＜!--
function chengePic() {
// ランダムに画像を表示する
//三枚の画像をランダムに切り替えています・・・
img = new Array();
img[0] = "http://img01.ikora.tv/usr/ikora0/mizuni.JPG";
img[1] = "http://img01.ikora.tv/usr/ikora0/eyes0011.jpg";
img[2] = "http://img01.ikora.tv/usr/ikora0/bg1.gif";
n = Math.floor(Math.random()*img.length);
//document.write("＜img src='"+img[n]+"' border='0'＞");
document.getElementById('banner').style.backgroundImage = 'url('+img[n]+')';
//document.getElementById('banner').style.backgroundImage = 'url(http://img01.ikora.tv/usr/ikora0/mizuni.JPG)';//"url('+rdmimg+')";
//document.write ('＜style type="text/css"＞#banner{background:#000 url('+rdmimg+') top center //no-repeat;}＜/style＞');
}
// --＞
＜/script＞
＜script type="text/javascript"＞
＜!--
//クリックで下記サイトを呼び込みます・・・
＜SCRIPT language="JavaScript"＞
function divChange(){
div1.innerHTML ='＜IFRAME src="http://where.ikora.tv/" align="left" style="border:none;
width:600;
height:300;" scrolling="auto" name="iframe" margin="0" frameborder="0" border="0"＞＜/IFRAME＞';
}
// --＞
＜/script＞
＜script type="text/javascript"＞
＜!--
//adクラスが全て消えた！
function changeNone(class,color){
var all=document.getElementsByTagName("*");
for(var i in all){
if(all[i].className==class) all[i].style.display = color; //color=color;
}
}
function changeBlock(class,color){
var all=document.getElementsByTagName("*");
for(var i in all){
if(all[i].className==class) all[i].style.display = color; //color=color;
}
}
// --＞
＜/script＞
＜script type="text/javascript"＞
＜!--
//Id名を取得し、それを隠す
function findID(parents) {
objDiv=document.getElementsByTagName('div');
objRegex = new RegExp(parents);
for(i=0;i＜objDiv.length;i++){
if(objDiv[i].id.match(objRegex)){
alert(objDiv[i].id);
document.getElementById(objDiv[i].id).style.visibility = 'hidden';
}
//document.getElementById('abc').style.visibility = 'hidden';
}
}
function findClass() {
var elements = document.getElementsByClassName("ad");
alert(elements.length+"個の要素を取得しました");
//elements.each(
//function (item) {
//alert(item.id);
//}
//);
//}
}
// --＞
＜/script＞
＜/div＞
＜/div＞
＜/div＞
＜div id="footer"＞
＜div id="copyright"＞Copyright(C)2011/IKORAブログの入門 ALL Rights Reserved＜/div＞
＜/div＞
＜/div＞
＜/body＞
＜/html＞
ここでは、ブログはHTML文のファイルとCSSファイルで構成されているということをお話しました。次回は、CSSファイルの概要を見ることにしましょう。
あっと、補足です。
IKORAブログでは、HTML文は下記のページで作ります。
