ベストアンサー

domについていまいちわからないので教えていただきたいのですが

2006/08/04 18:42

mixiho
お礼率41% (251/608)

Visual Basic
回答数1
ありがとう数1

みんなの回答 （1）
専門家の回答

質問者が選んだベストアンサー

ベストアンサー

BLUEPIXY
ベストアンサー率50% (3003/5914)

2006/08/05 04:27 回答No.1

link 要素が１つの場合 document.getElementsByTagName("link")(0).getAttribute("rel") で取れると思います。

質問者

お礼 2006/08/05 06:39

いつもありがとうございます。おかげさまでできました。

関連するQ&A

cssが反映されません。

記述はこうです。 <link href="../rendez.css" rel="stylesheet" type="text/css"> アップするとフォントのサイズ等がデフォルトのままです。どなたかよろしくお願いします。
Macfirefox3とMacfirefox2以下でCSSを切り替えたい

MacのFirefox3は、Firefox2までとはデフォルトフォントサイズが違うので、Firefox3とそれ以外のFirefoxで分けたいです。今まで、CSSを以下のスクリプトでブラウザ別に分岐していました。 MacのFirefox3の分岐を増やしてみたのですが、それ以外のFirefoxのCSSに分岐されてしまいます。あまりJavascriptに明るくないので、どうしてわかれてくれないものか困っています。どうぞお知恵をお貸し下さい！ ↓以下、かいてみたソースです。 var Win=(navigator.userAgent.indexOf("Win")!=-1); var Mac=(navigator.userAgent.indexOf("Mac")!=-1); var Explorer=(navigator.appName.indexOf("Explorer")!=-1); var Firefox=(navigator.userAgent.indexOf("Firefox") !=-1); var Netscape=(navigator.appName.indexOf("Netscape")!=-1); var opera=(navigator.userAgent.indexOf("Opera")!=-1); var safari=(navigator.userAgent.indexOf("Safari")!=-1); var Version=navigator.appVersion.charAt(0); if(safari){ document.write('<LINK rel="stylesheet" href="/css/mac_safari.css" type="text/css">'); } else if(Win && Explorer && Version=="6"){ document.write('<LINK rel="stylesheet" href="/css/win_ie.css" type="text/css">'); } else if(Win && Firefox){ document.write('<LINK rel="stylesheet" href="/css/win_ie.css" type="text/css">'); } else if(Win && opera){ document.write('<LINK rel="stylesheet" href="/css/win_ie.css" type="text/css">'); } /*増やしたところ*/ else if(Mac && Firefox && Version=="3"){ document.write('<LINK rel="stylesheet" href="/css/mac_safari.css" type="text/css">'); }/*増やしたところ終わり*/ else if(Mac && Firefox){ document.write('<LINK rel="stylesheet" href="/css/mac.css" type="text/css">'); } else if(Mac && opera){ document.write('<LINK rel="stylesheet" href="/css/mac_safari.css" type="text/css">'); } else if(Win && Netscape && Version=="4"){ document.write('<LINK rel="stylesheet" href="/css/win_nn.css" type="text/css">'); } else if(Mac && Explorer && Version=="5"){ document.write('<LINK rel="stylesheet" href="/css/mac_safari.css" type="text/css">'); } else if(Mac && Netscape && Version=="7"){ document.write('<LINK rel="stylesheet" href="/css/mac.css" type="text/css">'); } else if(Mac && Netscape && Version=="4"){ document.write('<LINK rel="stylesheet" href="/css/mac.css" type="text/css">'); } else{ document.write('<LINK rel="stylesheet" href="/css/font.css" type="text/css">'); }
CSSをあとから読み込みたい。

「CSS読み込み」クリックで、追加CSSを読み込みたいのですが、以下のやり方でIE6以外ではできたのですがIE6で動きません。どなたかアドバイスいただけると幸いです。 ▼JS=============================================================== function roadcss(){ if(navigator.userAgent.indexOf("MSIE") > -1){ document.createStyleSheet('/answer.css'); } else { var tag=document.createElement('link'); tag.setAttribute("type","text/css"); tag.setAttribute("rel","stylesheet"); tag.setAttribute("href","/answer.css"); document.getElementsByTagName('head')[0].appendChild(tag); } } ▼HTML============================================================= <a href="javascript:void(0)" onClick="roadcss()">CSS読み込み</a>
cssの振り分けについて

下記のjavascriptの内容でわからないのでおしえてください。 if(cssFile){ if (document.getElementById && !opera5 && !opera6 && !(mac && ie5) && !icab){ var head = document.getElementsByTagName('HEAD').item(0); var newLink = document.createElement('LINK'); newLink.rel = "stylesheet"; newLink.type = "text/css"; newLink.href = cssFile; head.appendChild(newLink); }else{ document.open(); document.write('<link rel="stylesheet" href="' + cssFile + '" type="text/css">'); document.close(); } } よろしくお願いします。
外部CSSの@charasetの取得

外部CSSに@charsetがある場合と無い場合で、そのCSSを読み込んでいるlink要素に対して同じcharaset属性を追加したいと思っています。 (@charasetは必ずcssの1行目にあります。) 以下途中までは書いたのですが、肝心の@charasetを参照する部分がわかりませんでした。 window.onload = function() { var Link=document.getElementsByTagName('LINK'); for (var i=0;i<Link.length;i++){ var Rel= Link[i].getAttribute("rel"); if(Rel=='stylesheet' || Rel=='alternate stylesheet'){ Link[i].setAttribute("charaset", ); }}}; 対応させたいブラウザがSafariのみなのでIEに対応したりする必要はとくにありません。よろしくお願いします。
フォントのサイズが変わってしまいサイトが崩れる

IEとファイヤーフォックスでフォントのサイズが変わってしまい、自作サイトが崩れてしまいます。調べたところ下記のような情報があったのですが、この方法がよいのでしょうか？ http://kudox.jp/html-css/font-size-css また上記通りにする場合下記は <link rel="stylesheet" type="text/css" href="/css/fontsize.css" media="all" />  最優先させるのでしょうか？最優先なら下記のような感じでよいのでしょうか？ <link rel="stylesheet" href="reset.css" type="text/css" /> <link rel="stylesheet" href="base.css" type="text/css" /> <link rel="stylesheet" href="page.css" type="text/css" /> <link rel="stylesheet" type="text/css" href="/css/fontsize.css" media="all" />  またmedia="all"はとりあえずすべてにつけておいたほうがよい属性と考えてよいのでしょうか？教えてください。
CSSの読み込み開始までラグがあります

header.php、main.php、footer.phpの３ファイルを作成して、 index.phpに include './header.php'; include './main.php'; include './footer.php';などとして読み込ませました。 cssファイルは、header.phpの<head>に <link rel="stylesheet" type="text/css" href="header.css"> <link rel="stylesheet" type="text/css" href="main.css"> <link rel="stylesheet" type="text/css" href="footer.css"> の形で記述されています。 javascriptがあり、これも同様に<head>に記述されています。以上のファイルはすべて同じフォルダ内にあり、これをlocalhostで表示させました。これをchromeで要素を検証してみたところ、 cssの読み込み開始までに2秒近いラグがあります。このラグの考えられる原因は何があるでしょうか。どなたか心当たりのある方、教えてください。よろしくお願いします。
インラインフレーム内のcssを親フレームに適用する

インラインフレーム（子ウィンドウ）に表示されているページ（同一ドメイン上のページです）で読み込まれているcssを、ページ読み込み時に親ウィンドウ側でも読み込みたいと思っています。内容としては親ウィンドウ側css呼び出し部分 <link rel="stylesheet" type="text/css" href="test.css"> <link rel="stylesheet" type="text/css" href="test1.css"> 子ウィンドウ側css呼び出し部分 <link rel="stylesheet" type="text/css" href="test.css"> <link rel="stylesheet" type="text/css" href="test2.css"> となっているソースをページ呼び出し時に親ウィンドウ側css呼び出し部分 <link rel="stylesheet" type="text/css" href="test.css"> <link rel="stylesheet" type="text/css" href="test2.css"> 子ウィンドウ側css呼び出し部分 <link rel="stylesheet" type="text/css" href="test.css"> <link rel="stylesheet" type="text/css" href="test2.css"> のように共通していないcssを子ウィンドウ側に合わせて変更したいのです。子ウィンドウ内のページのソースは訳があって編集する事が出来ないので、親ウィンドウ側で子ウィンドウ内の <link rel="stylesheet" type="text/css" href="test2.css"> の href の値を読みこみ、親ウィンドウ側の href の値を置き換えるといった方法では無いかと思うのですが、具体的にどうすればよいのか分かりません。どなたかご存知の方、ご教授ください。よろしくお願いいたします。また、ブラウザはIE6～8と、Firefoxを想定しています。
link rel="stylesheet"について

htmlについて質問です。 <link rel="stylesheet" type="text/css" href="_webfonts.css?1523592274603" id="webfont-css"> こういうCSSを適用させるための記述は何を意味しているのでしょうか？ <link rel="stylesheet" type="text/css" href="_webfonts.css"> こういうような基本で学ぶような記述では駄目なのでしょうか？
CSSで、外部スタイルシートを2つ指定した場合。

たとえば、 <link href="style.css" rel="stylesheet" type="text/css"> <link href="info.css" rel="stylesheet" type="text/css"> のように２つスタイルシートを指定した場合、同じ内容のスタイルシートを書き込んだ場合どちらが優先されるのでしょうか。
type="text/css"

<link rel="stylesheet" type="text/css" href="http://web.fc2.com/css/index.css"> と <link rel="stylesheet" href="http://web.fc2.com/css/index.css"> では意味同じですか？ type="text/css"は省略したほうがいいのでしょうか？しない方が良いのでしょうか？
コンディショナルコメントの正しい記述方法を教えてください。

個人的にDreamweaverCS3を使ってHPを制作しているのですが、今まではハックを利用していたのですが、コンディショナルコメントというものを知りそれを利用してHPを作りたいと考えているのですが各説明サイトをみて試したのですが、HTMLの<head></head>間に以下のような記述をしても認識してもらえないのですがどうしてなのでしょうか？ ---------------------------------------------------------    <link rel="stylesheet" type="text/css" href="other.css" />  -------------------------------------------------------------- ※ちなみに最後の一つだけは認識するようなのです。 この記述は必要なのでしょうか？そしてこれはコードなのでしょうか？コメント扱いなのでしょうか？周りにまったくHTMLをわかる人がいないのでご助言を頂けたらと思います。よろしくお願いいたします。
CSSの文字コード指定について

XHTML1.1でマークアップを行っています。文字コードは全てutf-8でまとめているので外部CSSファイルの1行目に“@charset "utf-8";”と記述していますが、CSSを読み込むための記述は <link rel="stylesheet" type="text/css" href="css/base.css" media="all" title="#"/> と <link rel="stylesheet" type="text/css" href="css/base.css" media="all" charset="utf-8" title="#"/> では厳密にはどちらの方が正しいのでしょうか？ 2つの違いは“charset="utf-8"”の有無です。
Linkタグのcharset属性について

Linkタグにcharsetという属性があり、 UTF-8を設定してUTF-8エンコーディングのスタイルシートを作成しました。そしてHTMLドキュメント内に ##################################### <META http-equiv=Content-Type content="text/html; charset=shift_jis"> <LINK href="test.css" type=text/css rel=stylesheet charset="UTF-8"> ##################################### と指定しましたが上手くいきません。試しにHTMLドキュメントはそのままにしてスタイルシートだけをSJISに変更してみたところ上手くいきました。 Linkタグのcharset属性にはUTF-8は指定できないのでしょうか？それとも指定の仕方が間違っているのでしょうか？ ●環境 OS:Win2000 ブラウザ:IE5.5 SP2
引数を2個使いたい場合　Javascript

こんにちは。 Javascriptについてアドバイスお願いします。 ■やりたいこと「普通」「大きい」と言うテキスト画像をクリックすることでCSSを入れ替える。・外部JSにしたい・<input>のボタンではなく画像を使う・一つのページで使うCSSは2種類（共通.cssと各頁ごとの設定用）作ってみたスクリプトは下記の通りです。 function chooseCSS(csstype,cssname){ if(csstype == "normal"){ document.getElementById("baseCSS").href = "base.css"; document.getElementById("eachCSS").href = cssname + ".css";} else{ document.getElementById("baseCSS").href = "base2.css"; document.getElementById("eachCSS").href = cssname+"2.css";} } --------------------------------------------- HTMLの記述 ☆head内 <link href="base.css" rel="stylesheet" type="text/css"> <link href="base.css" rel="stylesheet" type="text/css" id="baseCSS"> <link href="top.css" rel="stylesheet" type="text/css"> <link href="top.css" rel="stylesheet" type="text/css" id="eachCSS"> ☆body内 <a href="javascript:void(0)" onClick="chooseCSS('normal','top')"><img src="img/btn01.gif" border="0" class="normal"></a> <a href="javascript:void(0)" onClick="chooseCSS('big','top')"><img src="img/btne02.gif"　border="0" class="big"></a> --------------------------------------------- ローカルでは動いていたのでサーバーにUPしたらネスケとsafariは動作するのにIE（JSの設定は有効になっていました）だけ動かなくなりました。あまりJavascriptは得意ではないのでどなたかアドバイスお願いいたします！
一部のページにデフォルトCSSを読み込ませない方法

一部ページにCSSを読み込ませない方法がありましたら、ご教授ください。例えば、全ページに以下のCSSを共通で読み込ませてあります。 <link rel="stylesheet" type="text/css" media="screen" href="css/common.css" /> <link rel="stylesheet" type="text/css" media="screen" href="css/index.css" /> しかし、test.htmlだけ <link rel="stylesheet" type="text/css" media="screen" href="css/index.css" /> を読み込ませたくありません。つまり、 <link rel="stylesheet" type="text/css" media="screen" href="css/common.css" /> は通常通り読み込んで、 <link rel="stylesheet" type="text/css" media="screen" href="css/index.css" />のみを除外したいです。 * 共通のCSSは外すことはできません。 * また、CSSを新たに追加することもできません。 * head内にスクリプトを記述することができますが、スクリプトの記述で解決できますでしょうか。自分で検索もしてみたのですが、答えに辿りつけません。どのような方法がありますでしょうか。何か方法がありましたら、ご教授ください。よろしくお願いいたします。
IEのセキュリティにブロックされないようにするには

皆さん、お力をお貸し下さい。 javascriptで以下のようなプログラムを持つウェブページを作成しているのですが、IEのセキュリティ保護（セキュリティ保護のため、コンピュータにアクセスできるアクティブコンテンツは・・・）に引っ掛かってしまいます。このプログラムにウィルス等の脅威が含まれないことを示してブロックされにくくするといったことは出来ないでしょうか？全てのjavascriptがブロックされる訳ではないようですが、不勉強なもので、ブロックされる場合とされない場合の差が分かりません。妙案お授け下さいます様、お願い致します。 <script type="text/javascript" language="JavaScript">  </script>
base hrefとlink rel

テキストエディタでhtmlを書いています。外部cssを使うので、 <link rel="stylesheet" href="style.css" type="text/css"> をヘッダ部に入れていますが、これより上に <base href="～"> で基準URIを指定しようとすると、cssが反映されなくなってしまいます。先に <link rel="～を入れてしまうと、文法チェックで引っ掛かるのですが、どうしたら良いのでしょうか？ソースは、 <Head> <base href="絶対パス"> <link rel="stylesheet" href="style.css" type="text/css"> で、この後にmeta属性を入れています。よろしくお願い致します。
スタイルシートの設定

スタイルシートをリンク設定したく、文頭に下記の記述をしました。 ++++++++++++++++++++++++++++++++ <html> <head> <link rel="stylesheet" type="text/css" href="styles.css"> </head> <body> ++++++++++++++++++++++++++++++++ まったく、反映されません・・どうして何でしょうか？どなたかお助けください。
プリント用CSSについて

いつもお世話になります。プリント用のCSSを作成しようと思うのですが、複数記述してもエラーは出ないのでしょうか？説明がうまくないので具体例を書かせていただきます。 “a.css”“b.css"の各々のプリント用cssを “aprint.css”と“bprint.css"とした場合に <link rel="stylesheet" href="css/a.css" type="text/css" media="all"> <link rel="stylesheet" href="css/b.css" type="text/css" media="all"> <link rel="stylesheet" href="css/aprint.css" type="text/css" media="print"> <link rel="stylesheet" href="css/bprint.css" type="text/css" media="print"> この記述で不具合はないものかと悩んでいます。それともa,bを統合して“c.css”という新たなものを作り、プリント用“cprint.css”を設けるべきでしょうか？できれば複数記述できると助かるのですが。要領を得ない質問ですみませんが、ご教授いただけると嬉しいです。どうぞよろしくお願いいたします。

domについていまいちわからないので教えていただきたいのですが

質問者が選んだベストアンサー

お礼 2006/08/05 06:39

関連するQ&A

cssが反映されません。

Macfirefox3とMacfirefox2以下でCSSを切り替えたい

CSSをあとから読み込みたい。

cssの振り分けについて

外部CSSの@charasetの取得

フォントのサイズが変わってしまいサイトが崩れる

CSSの読み込み開始までラグがあります

インラインフレーム内のcssを親フレームに適用する

link rel="stylesheet"について

CSSで、外部スタイルシートを2つ指定した場合。

type="text/css"

コンディショナルコメントの正しい記述方法を教えてください。

CSSの文字コード指定について

Linkタグのcharset属性について

引数を2個使いたい場合　Javascript

一部のページにデフォルトCSSを読み込ませない方法

IEのセキュリティにブロックされないようにするには

base hrefとlink rel

スタイルシートの設定

プリント用CSSについて

注目のQ&A

カテゴリ
一覧

専門家に質問してみよう
専門家登録

あなたにピッタリな商品が見つかる！ OKWAVE セレクト

domについていまいちわからないので教えていただきたいのですが

質問者が選んだベストアンサー

お礼 2006/08/05 06:39

関連するQ&A

cssが反映されません。

Macfirefox3とMacfirefox2以下でCSSを切り替えたい

CSSをあとから読み込みたい。

cssの振り分けについて

外部CSSの@charasetの取得

フォントのサイズが変わってしまいサイトが崩れる

CSSの読み込み開始までラグがあります

インラインフレーム内のcssを親フレームに適用する

link rel="stylesheet"について

CSSで、外部スタイルシートを2つ指定した場合。

type="text/css"

コンディショナルコメントの正しい記述方法を教えてください。

CSSの文字コード指定について

Linkタグのcharset属性について

引数を2個使いたい場合 Javascript

一部のページにデフォルトCSSを読み込ませない方法

IEのセキュリティにブロックされないようにするには

base hrefとlink rel

スタイルシートの設定

プリント用CSSについて

注目のQ&A

カテゴリ 一覧

専門家に質問してみよう 専門家登録

あなたにピッタリな商品が見つかる！ OKWAVE セレクト

引数を2個使いたい場合　Javascript

カテゴリ
一覧

専門家に質問してみよう
専門家登録