2011-10-26 10 views
1

JavaScriptの世界は初めてです。 Chromeブラウザのデベロッパーツールの[要素]タブの右側のペインにチェックインすると、[一致したCSSルール]セクションが表示されます。ソースファイル名が表示され、適用される各CSSルールには行番号が表示されます。スタイルDOMオブジェクトからソースファイルの行番号を取得する方法は?

私の質問は、HTML DOMのどのオブジェクトプロパティが行番号(およびソースファイル名)を伝えることができるかです。ありがとう!

+2

なしChromeのツール(とFirefoxやIEの同様の機能)は、ブラウザの内部構造にアクセスできるので騙されます。 – Pointy

+0

唯一の可能な方法は、CSSパーサーを書くことです?それは難しいだろう.... –

答えて

0

あなたがしたいと思う、あなたはそれが全く役に立たないだろうけれども、私が想像した行番号でルールを警告することができるはず...

var a; 
for (var i=0; i<document.stylesheets[0].cssRules.length; i++) 
{ 
a = document.stylesheets[0].cssRules[i]+'\n'; 
} 

alert(a); 

を全体の最初の([0])スタイルシートを読みます代わりに要素を参照し、代わりにそれに適用されたルールを把握する必要があります。

詳細はこちらhttp://www.javascriptkit.com/dhtmltutors/externalcss3.shtml

+0

申し訳ありませんが、あなたが示したコードが各ルールの 'ソースコード行番号'をどのように伝えることができるのか分かりません。ありがとう! –

関連する問題