javascriptを使用してHTMLクラス名を設定する

Question

HTMLクラス名の代わりにjavascript関数呼び出しを入れて、関数の結果に基づいてクラスを設定することはできますか？例えば、のようなもの：fSetClass（という名前の関数を呼び出す）とVNAMEはそれで渡されたパラメータに基づいて、有効なCSSクラス名をバック受け取ることになる

<a class="fSetClass(vName)" .... 

。あなたはjQueryのを使用する場合には、使用attrの代わりにクラスを設定したい場合は

おかげ

Answer 1

、あなたがaddClass機能

$(element).addClass('add-this-class'); 

を使用することができます。

$(element).attr('class','add-this-class'); 

Answer 2

いいえ、そうではありませんHTML内であなたが求めていることをすることができます。ただし、JavaScriptを使用して後でクラスを追加することはできます。

Answer 3

ありませんが、何を行うことができますするアイテムを取得し、それから、クラス名を追加または削除するために使用するjQueryのです：

HTML

<div class="my-class">My Content</div> 

jQueryの

// will produce <div class="my-class added-class">My Content</div> 

var addClass = 1; 

if(addClass == 1) { 
    $(".my-class").addClass("added-class"); 
} 
else 
{ 
    $(".my-class").removeClass("removed-class"); 
} 

Answer 4

のみon*イベントハンドラー属性はJavaScriptコードとして評価され、他の属性は評価されません。

既に述べたように、クラスには通常JavaScriptを割り当てる必要があります。あなたは要素（element）への参照を持っていると仮定すると、あなたはclassName^[MDN]プロパティにクラスを割り当てる必要があります：

element.className = fSetClass(vname); 

Answer 5

あなたはjqueryのを使用する場合は、（.ATTR使用してクラスを設定することができます）：

このような

$(document).ready(function() { 
    function fSetClass(vName){ 
    $("#element_id").attr('class', vName); 
    } 

    fSetClass('className'); 

}); 

Answer 6

SMTH、短い道
document.onload = function(){
document.getElementById('your-element-id').className = fSetClass(vname);
}