0

HTML5 Web ページのテーブルに文字列のリストを表示しようとしています。ボタンのクリックから文字列を含む別の行を追加し、ボタンのクリックから行を削除できるようにしたいと考えています。HTML5でこれを行うことは可能ですか? また、行の値を取得して変数に保存する方法はありますか? HTML プログラマーの初心者に適した Web サイトはありますか?

4

1 に答える 1

1

私はあなたの質問に強い「はい、そうです」と答える必要があります。あなたがやろうとしていることはできますが、HTMLだけではできません。

HTML はハイパー テキスト マークアップ言語の略で、ウェブページの要素の構造とコンテンツを作成するために厳密に使用されます。HTML のみを使用すると、結果は非常に単純になります。マークアップは、組み合わせて使用​​できる他の 2 種類の言語に大きく依存しており、それらをスクリプトとスタイルの形式で要素として定義しています。

ここで、html のデフォルトのテーブルから始めます

    <table id="stringTable">
        <tr><th>Header One</th></tr>
        <tr><td>String One</td></tr>
        <tr><td>String Two</td></tr>
        <tr><td>String Three</td></tr>
        <tr><td> ... </td></tr>
        <tr><td>String N</td></tr>          
    </table>

    <button class="addNewRowButton">Add a New String </button>

最も有名なスクリプト言語は、クライアント側のプログラム操作と機能を記述するために使用される JavaScript です。私は、jquery として知られる一般的な JavaScript ライブラリの使用に最も精通しています。このタスクを達成するには、最初に jquery をページに含めてから、次のような機能を使用します。

<script type="text/javascript">
    $(document).ready(function(){

          // some scripting goes here
          $('.addNewRowButton').click(function(){
                 $('#stringTable').append("<tr><td>A New String</td></tr>");
          });

     });
</script>

CSS - カスケード スタイル シートの略で、要素にインラインで記述したり、スタイル タグのブロックに記述したり、外部の Web ページに含めることができます。

<style>
     /* define your styles here */
</style>

目標を達成するために、これら 3 つのアイテムをすべて一緒に使用することになるでしょう。しかし、具体的には、ロードされた Web ページを変更するための何らかの形式の Java スクリプトです。Java スクリプトは、変数にアクセスして利用するために使用するアウトレットでもあります。

私はここから始めることをお勧めします: コード アカデミーの Web ファンダメンタルズ学習トラックのイントロは、非常に優れた、非常に無料の初心者向けの主題の紹介であり、さらにすべての html css および Java スクリプトをフォローするための高度なクラスがあります。

これが良い入門書になったことを願っています。引き続き Stack Overflow を読み、1 冊 (または 5 冊) の本を入手することを強くお勧めします。また、無料のプログラミング本/リソースに関するこの素晴らしい投稿もチェックしてください。

于 2013-05-24T18:51:45.023 に答える