2017-02-10 4 views
0

背景JavaScriptで

は、CSSアニメーションを適用する必要があるいくつかの要素がありますが/変更動的に作成されたCSSクラスを削除する方法。ただし、JavaScriptコードから計算を行う必要があるため、これらのCSSをオンザフライで生成する必要があります。

This質問は動的にCSSを追加する方法を明確にしています。質問は、受け入れられた回答に続いて生成されたCSSを削除または置き換えるにはどうすればいいですか?

明らかに、それは要素からクラスを削除することとは関係ありません。アニメーションがクラスのある要素から停止するように、ページから削除する必要があります。後で私は、関連する要素が異なる方法でアニメーションされるようにCSSと再登録クラスを変更することができます。

+0

[削除]の複製JavaScript(jQueryはありません)要素のCSSクラス](http://stackoverflow.com/questions/2155737/remove-css-class-from-element-with-javascript-no-jquery) – r1verside

+0

重複していない、これはありません要素からCSSを削除することについては、ページからクラスを削除します。 –

+0

次に、あなたが求めているような要素からクラスを削除する方法を述べている4つの答えに基づいて、自分自身をより良く説明してください。 – r1verside

答えて

0

編集。

あなたはこれで https://api.jquery.com/removeclass/ 、あなたが1つ以上のクラス

+0

2つのクラス名の間を切り替えるには '$(#id_name).toggleClass(' class_name1 class_name2 ');' – KiranPurbey

+0

??私はOPの質問に答えています。余分なものを含めることなく(あなたが使っているjQueryのように)。 – r1verside

+0

答えをありがとう。それは、要素からクラスを削除する、私は、ページから –

0

要素のクラスリストから削除することができます( 'someElementId')。className = '';

+0

クラスを削除する必要があります(動的に追加)答えをありがとう。それは要素からクラスを削除する、私はクラスから削除する必要があります(動的に追加)ページから。 –

0

のdocument.getElementByIdを削除することができますjQueryを使ってそれを行うための完全なドキュメントです。ここ

document.getElementById("myelementsid").classList.remove("classname"); 
+0

答えをありがとう。それは、要素からクラスを削除する、私はページから –

0

ページから特定のスタイルを削除したい場合は、次のコードのようにそれを行うことができます。

$('link[title=stylesheettitle]').prop('disabled',true); 

OR

$('link[title="stylesheettitle"]').remove(); 

Javaスクリプト

var style = document.getElementById('styleID'); 
style.parentNode.removeChild(style); 
+0

クラスを削除する必要がありますありがとう、しかし、私は要素を変更したくない、私は、CSSのアニメーションを停止するには、クラスを削除する必要があります(例えば、アニメーションの長さ/変換されたピクセルの数/ etc ...)、クラスがスタイルシートに存在しない場合、動的に追加されます(リンクされた質問を参照)。 –

+0

@ LowFlyingPelican何を試しましたか? –

+0

@ LowFlyingPelicanこれはあなたが探しているもの:http://stackoverflow.com/questions/7125453/modifying-css-class-property-values-on-the-fly-with-javascript-jquery –