Javascript 如何隐藏和显示通过表单填充的表

以下是提交时的表单，在表格中显示内容

什么有效 内容通过表单成功传输到表

什么不起作用

我想在页面加载时隐藏该表，并仅在表单提交后显示

我在css中尝试了myTableData{visibility:hidden；}，然后尝试了pluging.style.visibility=visible；我的addtable函数中的Javascript来显示表，但它不起作用。我不确定我是否正确理解这一点

另外，如何控制表格的显示，如宽度、背景色、字体等。我添加了td.style.width='200px'；但我没有看到任何变化

CSS还是JS用于控制表

函数添加表{ var table=document.createElement'table'.style.display=block； 表1.border='0'； 对于var i=0；i 使用JavaScript创建表并添加一些数据 -> 1在函数addRow add table.style.visibility=visible；中，在var table=document.getElementByIdmyTableData；之后显示表格

2要设置宽度等样式，可以使用setAttribute方法

注意：我看不出在哪里可以使用addTable函数，也许这就是为什么有些样式在需要时没有设置的原因

函数添加表{ var table=document.createElement'table'.style.display=block； 表1.border='0'； 对于var i=0；i 使用JavaScript创建表并添加一些数据 ->

---

我没有代表发表评论，因此我无法询问详细信息，但为了防止您使用jquery，您可以隐藏和显示以下内容：

$(function(){
            $("#add").click(function() {

    var name = $('#name').val();
    var domain = $('#domain').val();
    var url = $('#url').val();                
            $('#hidey').show();
                                $('#nametd').html(name);
                                $('#domtd').html(domain);
                                $('#urltd').html(url);


            })
});

---

或者在表单提交上触发，而不是单击如果需要，但您可能需要考虑Ajax，因为这样您可以确保在显示结果之前在服务器端处理表单。

谢谢。我在jQuery中对JS和NeXER非常新。所以我将通过这个代码并尝试学习。谢谢。当然。jQuery是很棒的。出于很多原因，不仅让你的东西更容易，而且还改善了它所涉及的所有东西的外观和可用性。强烈建议学习。

$(function(){
            $("#add").click(function() {

    var name = $('#name').val();
    var domain = $('#domain').val();
    var url = $('#url').val();                
            $('#hidey').show();
                                $('#nametd').html(name);
                                $('#domtd').html(domain);
                                $('#urltd').html(url);


            })
});