ホームページ > ウェブフロントエンド > jsチュートリアル > 指定された要素にスタイルを追加する js コード_javascript スキル

指定された要素にスタイルを追加する js コード_javascript スキル

WBOY
リリース: 2016-05-16 18:39:52
オリジナル
981 人が閲覧しました

この関数は主に、指定された要素にスタイルを追加します。 Jquery の addClass(class) と同等 -- 指定されたクラス名を一致する各要素に追加します。

Jquery クラスで必須 (文字列): 要素に追加される 1 つ以上の CSS クラス名 (スペースで区切られています)。そして、この機能にもそのような要件があります。

コードをコピー コードは次のとおりです。

div{ border:1px Solid #ccc;幅:200px; 高さ:200px;}
.a{ 背景:#900; }
.b{ font-size:30px;}


コードをコピーします コードは次のとおりです。

function addClass(elements, value)
{
if ( !elements.className) {
elements.className = 値;
}
else
{
newClass = elements.className = " ";
newClass = 値 ;
elements.className = newClass;
}
}
window.onload = function ()
{
var test = document.getElementById('test ');
アラート(test.className);
addClass(test, 'a b');
}


これはテスト レイヤーです
関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート