Question

任何人都可以告诉我如何使用DOM html javascript创建此表。我尝试创建一个按ID查找元素的函数，并添加到现有的$keyname = 'SOFTWARE\\Wow6432Node\\Google\\Update\\clients\\{8A69D345-D564-463c-AFF1-A69D9E530F96}' $reg = [Microsoft.Win32.RegistryKey]::OpenRemoteBaseKey('LocalMachine', $server) $regkey = $reg.OpenSubKey($keyname) $value = $regkey.GetValue('pv')标记中。但是，我找不到查看我生成的HTML代码的方法，也不知道我哪里出错了。

<table class="overflow-y"></table>

Answer 1

我在这个Fiddle中做的例子怎么样。

考虑这个HTML结构

<table id="myTable" class="table">
   <tbody></tbody>
</table>
<hr>
<button class="button" id="addRow">Row +</button>
<button class="button" id="addColumn">Column + </button>

在html中，你有按钮来添加列和行。

使用以下jquery函数，您可以控制生成行和列的方式。

(function($){
    $(document).ready(function(){
    var myTable = $('#myTable');
    addRows(myTable);
    addColumns(myTable);

  });

  function addRows(table){
    $('#addRow').click(function(){
        var lastRow = $('#myTable > tbody > tr:last-child'); //fetch last row so you can copy it. You will need to find a way to copy only the structure.


      if(lastRow.length > 0){
        table.append(lastRow.clone()); //Append a copy of the last row to the table
      }
      else{
        table.append($('<tr></tr>')); //create an empty row
      }
    });
  }

  function addColumns(table){
    $('#addColumn').click(function(){
            var rows = $('#myTable > tbody > tr'); //Get all rows
        rows.append($('<td>Column</td>')); //Append a td to all rows in the body
    });
  }
})(jQuery);

在最终的代码中，您需要：

控制列数，这样就不会得到奇怪的表格。
添加输入，以便您可以将其添加到

希望它可以帮助您入门。

使用DOM创建HTML表

1 个答案: