コミュニティ 学ぶ ツールライブラリ レジャー
検索
日本語
ホームページ > ウェブフロントエンド > jsチュートリアル > Js_javascriptスキルで機能を切り替える簡単な方法

Js_javascriptスキルで機能を切り替える簡単な方法

WBOY
リリース： 2016-05-16 18:15:35
オリジナル
1360 人が閲覧しました

CSS と JS を学習している多くの友人もこの経験をしていると思います。私がこの JS 切り替えを行っていたときに、良い方法を思いついたので、すぐに共有していただければ幸いです。

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

function changeDiv(index)
{
for (var i =0;i{
if(i == Index)
document.getElementById('dv_' i).className="txt1";
else
document.getElementById('dv_' i).className="txt2";
}
}

でも、よく見えないかもしれないので説明します。 HTML を貼り付けます。投稿されました。見てみましょう。
コードをコピーします コードは次のとおりです:

< 表の幅="100%" 高さ="616" border="0" align="center" cellpadding="0" cellpacing="5" bgcolor="#FEFDF8" class="border1">


;td valign= "top" bgcolor="#FEFDF8">
<テーブルの高さ="20"> ;


























"100" align ="right">メンバー名:

5 ～ 20 文字 (小文字、数字、下線、中国語を含む)



パスワード:

英文字と数字または記号の組み合わせを使用してください< ;/ div>

パスワードを確認します: td> < div id="dv_2" class="txt2">パスワードを再入力してください

td align= "right">メール:

通常のメールアドレスを入力してください
/tr>

/td>
を入力してくださいQQ /電話番号
確認コード:
確認コードを入力してください< ;/ div> メンバーシップ規約を読んで同意します >
関連ラベル：
Js切换
ソース：php.cn
前の記事：Google 2D バーコード API の並べ替え_JavaScript スキル 次の記事：JQUERY_jquery に基づく JQUBar Histogram プラグイン
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
最新の問題
d3.js でズームインすると散布図のポイントの値が維持されない d3.js を使用するのは初めてなので、ご容赦ください。 vue.js ファイルに純粋な JavaScript として実装しました。ズーム機能を使用して散布図を作成しようとしていま...
から 2024-04-06 18:16:26
0
1
403
Android 上の React-Native でステータス更新が機能しない スワイプ可能な水平ギャラリーに画像のペアを含むコードがいくつかあります。両方の画像の上部をクリックすると、画像がオフに切り替わるはずです。そのため、私が行ったのは、isImage2...
から 2024-04-06 16:54:10
0
1
410
非表示のサイドパネルを表示: チェックが入っています アニメーション化されたハンバーガー メニューを介してビューに切り替える機能を備えたナビゲーション メニューをサイド パネルに追加したいと考えています。 JSを使わずにCSSだけで作...
から 2024-04-06 15:49:33
0
1
319
React でスリーステート スイッチングを実装する最良の方法は? React で、ある状態から次の状態への状態変更をトリガーするボタンをいくつか作成しています。ボタンの中には、列挙型で表される 3 つの状態を持つものもあります。これら 3 つの状...
から 2024-04-06 13:51:32
0
1
418
Vite/Vue 3: 画像ソースをプロップとして使用する場合の「未定義の要件」 VueCLIからViteCLIに、Vue3のCompositionAPIからSFCScriptsetupAPIに切り替えました。公式 VueCLI を使用したときは、次のように p...
から 2024-04-06 09:50:25
0
1
353
関連トピック
詳細>
人気のおすすめ
人気のチュートリアル
詳細>
関連するチュートリアル
人気のおすすめ
最新のコース
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート