コミュニティ
学ぶ
ツールライブラリ
AIツール
レジャー
検索
日本語
ホームページ ウェブフロントエンド jsチュートリアル javascript_javascriptスキルでspanタグに値を割り当てる方法

javascript_javascriptスキルでspanタグに値を割り当てる方法

May 16, 2016 pm 03:29 PM

jsでspanタグに値を代入するにはどうすればよいですか?通常、次の 2 つの方法があります:

最初のメソッド: html を出力

1

2

3

4

5

6

7

<body onload="s()">

<span id="hello"></span>

<script language="javascript">

 function s(){

document.getElementById("hello").innerHTML = "<iframe src= height=400 width=300></iframe>";

}

 </script>

ログイン後にコピー

2 番目の方法: テキストを出力する

1

2

3

4

5

6

7

<body onload="s()">

<span id="hello"></span>

<script language="javascript">

 function s(){

document.getElementById("hello").innerText = "hello world";

}

</script>

ログイン後にコピー

ページがロードされた後、jquery を介して複数のスパンに値を割り当てます

ページを読み込んだ後、複数の場所に現在時刻を表示したいので、複数のスパンに値を割り当てる必要があります。

スパンコードは次のように記述されます:

1

<span name="currentDate"></span> （多个span）

ログイン後にコピー

jQuery の書き込み:

1

2

3

4

5

6

7

8

<script>

$(document).ready(function() {

var currentDate = new Date().toLocaleDateString();

$("span[name='currentDate']").each(function() {

$(this).text(currentDate);

});

});

</script>

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

人気の記事

レポ：チームメイトを復活させる方法
3週間前 By 尊渡假赌尊渡假赌尊渡假赌
スプリットフィクションを打ち負かすのにどれくらい時間がかかりますか？
3週間前 By DDD
R.E.P.O.説明されたエネルギー結晶と彼らが何をするか（黄色のクリスタル）
1週間前 By 尊渡假赌尊渡假赌尊渡假赌
ハローキティアイランドアドベンチャー：巨大な種を手に入れる方法
3週間前 By 尊渡假赌尊渡假赌尊渡假赌
公式アカウントのキャッシュの更新の難しさ：バージョンの更新後のユーザーエクスペリエンスに影響を与える古いキャッシュを回避する方法は？
3週間前 By 王林
もっと見る

ホットツール Tags

コード&IT
オーディオ
仕事
マーケティング
AI検出器
チャットボット
デザイン&アート

人気の記事

レポ：チームメイトを復活させる方法
3週間前 By 尊渡假赌尊渡假赌尊渡假赌
スプリットフィクションを打ち負かすのにどれくらい時間がかかりますか？
3週間前 By DDD
R.E.P.O.説明されたエネルギー結晶と彼らが何をするか（黄色のクリスタル）
1週間前 By 尊渡假赌尊渡假赌尊渡假赌
ハローキティアイランドアドベンチャー：巨大な種を手に入れる方法
3週間前 By 尊渡假赌尊渡假赌尊渡假赌
公式アカウントのキャッシュの更新の難しさ：バージョンの更新後のユーザーエクスペリエンスに影響を与える古いキャッシュを回避する方法は？
3週間前 By 王林
もっと見る

ホットな記事タグ

メモ帳++7.3.1

メモ帳++7.3.1

使いやすく無料のコードエディター

SublimeText3 中国語版

SublimeText3 中国語版

中国語版、とても使いやすい

ゼンドスタジオ 13.0.1

ゼンドスタジオ 13.0.1

強力な PHP 統合開発環境

ドリームウィーバー CS6

ドリームウィーバー CS6

ビジュアル Web 開発ツール

SublimeText3 Mac版

SublimeText3 Mac版

神レベルのコード編集ソフト（SublimeText3）

もっと見る

ホットトピック

Gmailメールのログイン入り口はどこですか？
7285
9
Java チュートリアル
1622
14
CakePHP チュートリアル
1342
46
Laravel チュートリアル
1259
25
PHP チュートリアル
1206
29
もっと見る
Related knowledge
JavaScriptの文字列文字を交換します JavaScriptの文字列文字を交換します Mar 11, 2025 am 12:07 AM

JavaScriptの文字列文字を交換します

カスタムGoogle検索APIセットアップチュートリアル カスタムGoogle検索APIセットアップチュートリアル Mar 04, 2025 am 01:06 AM

カスタムGoogle検索APIセットアップチュートリアル

例JSONファイルの例 例JSONファイルの例 Mar 03, 2025 am 12:35 AM

例JSONファイルの例

8見事なjQueryページレイアウトプラグイン 8見事なjQueryページレイアウトプラグイン Mar 06, 2025 am 12:48 AM

8見事なjQueryページレイアウトプラグイン

10 jQuery構文蛍光物 10 jQuery構文蛍光物 Mar 02, 2025 am 12:32 AM

10 jQuery構文蛍光物

独自のAjax Webアプリケーションを構築します 独自のAjax Webアプリケーションを構築します Mar 09, 2025 am 12:11 AM

独自のAjax Webアプリケーションを構築します

＆＃x27; this＆＃x27; JavaScriptで？ ＆＃x27; this＆＃x27; JavaScriptで？ Mar 04, 2025 am 01:15 AM

＆＃x27; this＆＃x27; JavaScriptで？

10 JavaScript＆JQuery MVCチュートリアル 10 JavaScript＆JQuery MVCチュートリアル Mar 02, 2025 am 01:16 AM

10 JavaScript＆JQuery MVCチュートリアル

See all articles