Question

我正在尝试在HTML5网页上的表格中显示字符串列表。我希望能够通过单击按钮添加带有字符串的另一行，并从按钮单击中删除一行。这可以在HTML5中做到吗？另外，有没有办法可以获取行值并将其保存到变量中？是否有任何好的网站对初学HTML程序员有用？

Answer 1

我必须用强烈的“是的，有点”来回答你的问题。你要做的就是做，但不能只用HTML。

HTML代表超文本标记语言，严格用于创建网页上元素的结构和内容。只使用HTML，结果非常简单。标记在很大程度上依赖于可以结合使用的其他两种语言，并以脚本和样式的形式将它们定义为元素。

这里我将从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 - 代表级联样式表，可以内嵌在元素，样式标记块或外部网页中。

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

为了实现您的目标，您可能会同时使用这三个项目。但特别是某种形式的java脚本，一旦加载就修改你的网页。 Java脚本也是您将用于访问和利用变量的插座。

i would recommend starting here: at code academy's intro to web fundamentals learning track这是一个非常优秀且非常自由的初学者对主题的介绍，他们有高级课程可以跟进所有进一步的html css和java脚本

我希望这是一本很好的入门读物，我强烈建议您继续阅读Stack Overflow并获取一本书（或五本）。 also check out this great post about free programming books / resources.

在HTML5网页上显示字符串表

1 个答案: