2011-07-09 9 views
0

ボトムを設定することができ、私は、これはJavaScriptを使用して下のCSSを設定することが正しいかどうかを知りたい:私のスクリプトが動作しないためは、どのように私はjavascriptの

var productElement2 = document.getElementsByTagName("footer"); 
productElement2.style.bottom=="0" 

は、私はこれを聞いて:P。 フィードバックありがとうございました:)これが正しければ、間違っているかもしれませんが、私は確信したいだけです。

+0

2つの回答が異なる問題で正しい場合はどうすればいいですか? AARRGGHH:p – cmplieger

+1

最も完全な答えを出した人は誰でも受け入れます。私の答えは、あなたの問題の1つにしか対処できませんでした。私は、他のものへの解決策を含めるために編集するにはあまりにも怠惰でした。 – kinakuta

+0

2つの問題があり、それぞれのポストは1つを扱います。 「より完全な」ものはありません(今はありますが、前にはありません:p)。難しい決断:p – cmplieger

答えて

2

=演算子を代入に使用します。 ==演算子は比較のためのものです。

productElement2.style.bottom = "0"; 

注:値がゼロ以外の値の場合は、単位が必要です。例:kinakutaが指摘したように、あなたは、配列からの1つの要素を取得する必要がありますので

productElement2.style.bottom = "10px"; 

また、getElementsByTagNameは、要素の配列を返します。フッターが1つのみの場合は、最初の要素を取得してください:

var productElement2 = document.getElementsByTagName("footer")[0]; 
2

ただ1つの等号を使用してください。 2つは比較のためです。

productElement2.style.bottom = "0";

3

あなたはスタイルにしたい返された配列内の特定のフッターを選択してください:これは、主にCSSの問題である

var productElement2 = document.getElementsByTagName("footer")[0]; 
+0

素晴らしいコメントをいただきありがとうございますが、「受け入れ」のための十分なものではありませんでした。 :) – cmplieger

+0

笑、心配しない – kinakuta

0

。 CSSスタイルbottom:0は、位置が "静的"(デフォルトのレイアウト内の位置)のときは機能しません。あなたは(絶対または固定の位置に)このCSSのようなものを指定する必要があります:

#footer { 
    position: absolute; 
    bottom: 0; 
} 

か、このコード:

var productElement2 = document.getElementById("footer"); 
productElement2.style.position = "absolute"; 
productElement2.style.bottom = "0"; 

また、単一のequalsは、変数を設定するためにサインに注意してください。あなたは二等価の記号を持っていました。それは、代入ではなく、平等のテストです。

さらに、getElementsByTagNameは、単一のアイテムではなく、配列を返します。 CSS IDを持つ単一のアイテムを取得する場合は、ここに示したようにgetElementByIdを使用します。 getElementsByTagNameによって返された配列の最初の項目を取得する場合は、配列全体ではなく配列の最初の項目を参照する必要があります。

0

フッターにはposition:fixedが定義されている必要があります。これを試してみてください: http://jsfiddle.net/SSkqb/