0

我正在尝试在我的 HTML5 网页上的表格中显示字符串列表。我希望能够在单击按钮后添加另一行带有字符串的行，并从单击按钮中删除一行。这可以在 HTML5 中实现吗？另外，有没有一种方法可以获取行值并将其保存到变量中？有没有适合初学 HTML 程序员的好网站？

4

1 回答 1

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 脚本也是您将用来访问和利用变量的出口。

我建议从这里开始：在代码学院的网络基础知识介绍学习轨道上，它是一个非常好的和非常免费的初学者对主题的介绍，他们有高级课程可以学习所有进一步的 html css 和 java 脚本

我希望这是一本很好的入门书，我强烈建议您继续阅读 Stack Overflow 并拿起一本书（或五本）。还可以查看这篇关于免费编程书籍/资源的精彩帖子。

于 2013-05-24T18:51:45.023 回答