js中点击按钮时自动增加一行

2024-12-04 10:24:26

推荐回答（5个）

回答（1）：

1、新建一个html文件，命名为test.html。

2、在test.html文件里，创建一个button按钮，并设置其id属性为dz，用于下面获得按钮对象，实现js点击按钮事件。

3、给button绑定点击事件，当按钮被点击时，执行hs()函数。

4、在test.html文件的js标签内，定义hs（）函数，在函数内使用alert（）方法弹出"我被点击了"的内容。

5、在js内，使用window对象中的onload事件，当网页加载完时，执行function函数。

6、在function函数内，通过getElementById()方法获得按钮对象，使用click()方法点击按钮。

7、在浏览器打开test.html文件，当打开网页时，js自动执行点击事件。

回答（2）：

1、新建一个HTML文件，命名为test.html。

2、在test.html文件中，使用p标签定义一段文字，并且为p标签定义一个值为demo的id属性，方便下面获得p标签对象。

3、再在test.html文件中，使用input标签定义一个名称为“点击”的按钮，用于实现点击的效果。

4、给input标签按钮绑定onclick点击事件，通过点击事件触发去操作p元素内容文字的大小。

5、使用JS定义一个函数handel（），在handel（）方法内编写JS代码实现改变文字的大小，handel（）方法通过onclick事件触发执行。

6、在浏览器运行test.html文件，查看实现的效果。

回答（3）：

直接上代码：




$(document).ready(function(){
    $("#addTable").click(function(){
       var tr=""+
              "111222333";
　  　$("#table1").append(tr);　　
    });
    $("#deleteTable").click(function(){
        var check = document.getElementsByName("check");
        for(var i=1;i<=check.length;i++){
            if(check[i].checked){
                 document.getElementById('table1').deleteRow(i);
            }
        }
    })
})
没测试，自己试试，不行再问

回答（4）：

动态添加，动态删除

回答（5）：

var tble=document.getElementById("table");var tr=document.createElement("tr");var td=document.createElement("td");tr.appendChild(td);table.appendChild("tr");