ホームページ ウェブフロントエンド jsチュートリアル JSを使用して入力テキストボックスのデータを取得および変更する方法

JSを使用して入力テキストボックスのデータを取得および変更する方法

May 26, 2018 pm 02:26 PM
input javascript 改訂

今回は、JSを使用して入力テキストボックスのデータを取得および変更する方法を説明します。 JSを使用して入力テキストボックスのデータを取得および変更する場合の注意事項を実際のケースで見てみましょう。 。

1 はじめに

テキスト ボックスの取得とその内容の変更は、getElementById() メソッドを使用して実行できます。 getElementById()方法来实现。

getElementById()方法可以通过指定的id来获取HTML标记,并将其返回。

语法:

sElement=<a href="http://www.php.cn/code/658.html" target="_blank">document</a>.getElementById(id)

getElementById() メソッドは、指定された ID で HTML タグを取得して返すことができます。

構文:

sElement=<a href="http://www.php.cn/code/658.html" target="_blank">document</a>.getElementById(id)

sElement: このメソッドによって返されるオブジェクトを受け取るために使用されます。

id

: 取得する必要がある HTML タグの ID 値を設定するために使用されます。

2番目のアプリケーションテキストボックスを取得し、その内容を変更します

ボタンをクリックすると、テキストボックスに「初期テキスト内容」が表示されます。ボックスが変更になります。

3 つのコード

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>获取文本框并修改其内容</title>
</head>
<body>
<script language="javascript">
 <!--
 function c1()
 {
 var t=document.getElementById("txt");
 t.value="www.jb51.net 修改文本内容"
 }
 -->
</script>
<input type="text" id="txt" value="初始文本内容" size="30"/>
<input type="button" value="更改文本内容" name="btn" onclick="c1();" />
</body>
</html>
ログイン後にコピー
この記事の事例を読んだ後は、この方法を習得したと思います。さらに興味深い情報については、PHP 中国語 Web サイトの他の関連記事に注目してください。

推奨書籍:

React の高次コンポーネントの使用方法🎜🎜🎜🎜🎜 Vue プロジェクトでクロスドメインの問題を正しく解決する方法🎜🎜🎜

以上がJSを使用して入力テキストボックスのデータを取得および変更する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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

ホットAIツール

Undresser.AI Undress

Undresser.AI Undress

リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover

AI Clothes Remover

写真から衣服を削除するオンライン AI ツール。

Undress AI Tool

Undress AI Tool

脱衣画像を無料で

Clothoff.io

Clothoff.io

AI衣類リムーバー

Video Face Swap

Video Face Swap

完全無料の AI 顔交換ツールを使用して、あらゆるビデオの顔を簡単に交換できます。

ホットツール

メモ帳++7.3.1

メモ帳++7.3.1

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

SublimeText3 中国語版

SublimeText3 中国語版

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

ゼンドスタジオ 13.0.1

ゼンドスタジオ 13.0.1

強力な PHP 統合開発環境

ドリームウィーバー CS6

ドリームウィーバー CS6

ビジュアル Web 開発ツール

SublimeText3 Mac版

SublimeText3 Mac版

神レベルのコード編集ソフト(SublimeText3)

DingTalk のグループ内の個人名を変更する方法_DingTalk のグループ内の個人名を変更する方法 DingTalk のグループ内の個人名を変更する方法_DingTalk のグループ内の個人名を変更する方法 Mar 29, 2024 pm 08:41 PM

1. まずDingTalkを開きます。 2. グループ チャットを開き、右上隅にある 3 つの点をクリックします。 3. このグループで私のニックネームを見つけます。 4. クリックして入力し、変更して保存します。

Douyin Blue V の名前は変更できますか?法人Douyin Blue Vアカウントの名前を変更する手順は何ですか? Douyin Blue V の名前は変更できますか?法人Douyin Blue Vアカウントの名前を変更する手順は何ですか? Mar 22, 2024 pm 12:51 PM

Douyin Blue V 認証は、Douyin プラットフォーム上の企業またはブランドの公式認証であり、ブランド イメージと信頼性の向上に役立ちます。企業の発展戦略の調整やブランドイメージの更新に伴い、企業はDouyin Blue V認証の名称を変更したい場合があります。では、Douyin Blue V は名前を変更できるのでしょうか?答えは「はい」です。この記事では、エンタープライズ Douyin Blue V アカウントの名前を変更する手順を詳しく紹介します。 1.Douyin Blue V の名前は変更できますか? Douyin Blue V アカウントの名前は変更できます。 Douyin の公式規定によると、企業の Blue V 認定アカウントは、一定の条件を満たした後にアカウント名の変更を申請できます。一般的に、企業は社名変更の合法性と必要性​​を証明するために、営業許可証、組織コード証明書などの関連資料を提供する必要があります。 2. 企業のDouyin Blue Vアカウントの名前を変更する手順は何ですか?

PyCharm の背景色調整のヒント: すぐにマスターしましょう! PyCharm の背景色調整のヒント: すぐにマスターしましょう! Feb 03, 2024 am 09:39 AM

PyCharm の背景色を変更するスキルをすぐに習得するには、具体的なコード例が必要です。近年、プログラム開発の分野では Python 言語がますます人気があり、統合開発環境 (IDE) として PyCharm が使用されるようになりました。 、大多数の開発者に愛され、使用されています。 PyCharm では、一部の開発者が背景色の変更など、IDE インターフェイスをカスタマイズすることがよくあります。この記事では、PyCharm の背景色を変更するテクニックを紹介し、読者がこのスキルをすぐに習得できるように具体的なコード例を示します。

Win10のスリープ時間変更のヒントが明らかに Win10のスリープ時間変更のヒントが明らかに Mar 08, 2024 pm 06:39 PM

Win10 のスリープ時間変更のヒントが明らかに 現在広く使用されているオペレーティング システムの 1 つである Windows 10 には、ユーザーがコンピューターを使用していないときに電力を節約し、画面を保護するのに役立つスリープ機能があります。ただし、デフォルトのスリープ時間がユーザーのニーズを満たさない場合があるため、Win10 のスリープ時間を変更する方法を知ることが特に重要です。この記事では、Win10 のスリープ時間を変更するためのヒントを紹介します。これにより、システムのスリープ設定を簡単にカスタマイズできるようになります。 1.「設定」からWin10のスリープ時間を変更します。まず、最も簡単な修正です。

Xianyuで公開されている製品のアドレスの場所を変更する方法 Xianyuで公開されている製品のアドレスの場所を変更する方法 Mar 28, 2024 pm 03:36 PM

Xianyuプラットフォームで製品を公開する際、ユーザーは実際の状況に応じて製品の地理的位置情報をカスタマイズできるため、潜在的な購入者は製品の特定の位置をより正確に把握できます。製品が無事に店頭に並べられれば、販売者の所在地が変わっても心配する必要はありません。 Xianyu プラットフォームは、柔軟で便利な変更機能を提供しています。公開された製品のアドレスを変更したい場合、どのように変更すればよいでしょうか? このチュートリアル ガイドでは、詳細なステップバイステップ ガイドが提供されます。助けてください、皆さん! Xianyu でリリース製品アドレスを変更するにはどうすればよいですか? 1. Xianyu を開き、公開したものをクリックして製品を選択し、[編集] をクリックします。 2. 位置決めアイコンをクリックし、設定したいアドレスを選択します。

IPアドレスの変更方法「Win11を再インストールしてIPアドレスを変更する推奨手順」 IPアドレスの変更方法「Win11を再インストールしてIPアドレスを変更する推奨手順」 Feb 07, 2024 am 08:07 AM

コンピューターを使用するとき、ネットワーク速度を効果的に向上させることができる特別な IP アドレスを使用することがよくあります。しかし、多くのユーザーは、Win11 システムをアップグレードした後に IP アドレスを変更する方法を知りません。Qian Yiyun が以下に案内します。確認してください。外!最初のステップは、右下隅にあるネットワーク アイコンを右クリックし、[ネットワークとインターネットの設定] を開きます (図を参照)。 2 番目のステップでは、上の [イーサネット] をクリックして、接続しているネットワークに入ります (図を参照)。ステップ 3: リストを下にスクロールし、[IP 割り当て] を見つけて、[編集] をクリックします (図を参照)。ステップ 4、自動 (DHCP) を「手動」に変更します (図を参照)。 5 番目のステップは、「IPv4」または「IPv6」を有効にすることです (図を参照)。ステップ 6、

jQuery を使用してすべての a タグのテキスト コンテンツを変更する jQuery を使用してすべての a タグのテキスト コンテンツを変更する Feb 28, 2024 pm 05:42 PM

タイトル: jQuery を使用して、すべての a タグのテキスト コンテンツを変更します。 jQuery は、DOM 操作を処理するために広く使用されている人気のある JavaScript ライブラリです。 Web 開発では、ページ上のリンク タグ (タグ) のテキスト コンテンツを変更する必要が生じることがよくあります。この記事では、この目標を達成するために jQuery を使用する方法を説明し、具体的なコード例を示します。まず、jQuery ライブラリをページに導入する必要があります。 HTML ファイルに次のコードを追加します。

Go 言語プログラミング ガイド: Hosts ファイルの変更の実装 Go 言語プログラミング ガイド: Hosts ファイルの変更の実装 Mar 07, 2024 am 10:51 AM

タイトル: Go 言語プログラミング ガイド: Hosts ファイルの変更の実装 日常のソフトウェア開発プロセスでは、オペレーティング システムの hosts ファイルを変更する必要がある状況によく遭遇します。 Hosts ファイルは、IP アドレスとホスト名のマッピングに使用される拡張子のないテキスト ファイルで、通常はローカルでドメイン名解決を設定するために使用されます。この記事では、Go言語を使用してOSのhostsファイルを変更する機能を実装する方法と、具体的なコード例を紹介します。まず、hosts ファイルを変更できる G を作成する必要があります。

See all articles