2016-06-21 7 views
0

クリックするたびに、テキストの配置を左側にずらすボタンがあります。テキストを変更するクリックを調整する

function myFunctionLeft() { 
document.getElementById("myAnchor").style.left = "-15px"; 
document.getElementById("myAnchor").style.align = left; 

私はテキストを左に揃える移動しようとしなければならない別の方法があります:これは、私は現在、それが動作していないようですしている機能ですか?

+0

試してみる 'style.textAlign =" left "' – jtmingus

+0

純粋なjavascriptソリューションである必要がありますか?またはjQueryが許可されていますか? –

+0

正確に何かとの関係で?フルページの例(フルCSSとフルHTML)を提供できますか?私はあなたがそうするならば、あなたはあなたの答えをはるかに迅速に得ることを保証します。 –

答えて

0

left,right,topおよびbottomは、要素がposition: absolute || relativeである場合にのみ機能します。ちょうど#myAnchorposition: relativeを作ってください。

more info on positioningを参照してください。

0

alignは有効なCSSプロパティではありません。 .style.align = left;の代わりに.style.textAlign = "left";を使用してください。

0

この割合の何かについては、いくつかの方法があります。私の正直な意見では、値を操作するCSSクラスを作ることです。私はクラス.align-leftを使ってこれを行うことに行きます。 CSSは何か以下のように行くだろう:

.align-left { 
    text-align: left; 
    left: -15px; 
} 

そして、あなたは、次のJavaScriptを経由してクラスを切り替えることもできます。これは、あなたが上記のコードで実現しようとしていた何をすべき

document.getElementById("myAnchor").classList.toggle("align-left"); 

myAnchorが整列しているのか、それがボタンか何かなのかどうかは分かりませんが、自分のコードを何でも使えるはずです。

とにかく、私はそれが役立ち、試してみて、それがどうなるか見てみたいです。ブラウザに装備されている開発ツールを試して、あなたのインクルージョンと幸運に問題があるかどうかを確認してください!

関連する問題