ホームページ  >  記事  >  ウェブフロントエンド  >  JavaScriptでスパンを変更する方法

JavaScriptでスパンを変更する方法

藏色散人
藏色散人オリジナル
2021-10-27 14:57:199318ブラウズ

JavaScript でスパンを変更する方法: 1. スパニング タグを使用してコンテンツを作成します。 2. スパン タグに id 属性を追加します。 3. ボタン タグを使用してボタンを作成します。 4. 編集スパンを作成します。 () 関数; 5. 使い方は、span オブジェクトに innerHTML 属性を割り当てるだけです。

JavaScriptでスパンを変更する方法

この記事の動作環境: Windows7 システム、JavaScript バージョン 1.8.5、Dell G3 コンピューター。

JavaScript でスパンを変更するにはどうすればよいですか?

js は、span タグの内容を変更します。

test.html という名前の新しい HTML ファイルを作成して、js がどのようにその内容を変更するかを説明します。スパンタグ。

JavaScriptでスパンを変更する方法

test.html ファイルで、span タグを使用してテスト用のコンテンツ行を作成します。

JavaScriptでスパンを変更する方法

test.html ファイルで、span タグに id 属性を追加し、mytest に設定します。

JavaScriptでスパンを変更する方法

test.html ファイルで、button タグを使用してボタンを作成し、onclick クリック イベントを button ボタンにバインドし、ボタンがクリックされたときに、 editspan() 関数。

JavaScriptでスパンを変更する方法

js タグで editspan() 関数を作成します。関数内で、新しいコンテンツを newcon 変数に保存し、ID を通じて Span オブジェクトを取得します。 innerHTML 属性を使用します。span オブジェクトに値を割り当てて、span タグの内容を変更します。

JavaScriptでスパンを変更する方法

ブラウザで test.html ファイルを開いて効果を確認します。

JavaScriptでスパンを変更する方法

[推奨学習: JavaScript 基本チュートリアル]

以上がJavaScriptでスパンを変更する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。