Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/382.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript计数自适应表行_Javascript_Html_Html Table - Fatal编程技术网

Javascript计数自适应表行

Javascript计数自适应表行,javascript,html,html-table,Javascript,Html,Html Table,我正在努力学习JavaScript;这是我为考试做的。我的问题是我想计算我的表行数,但是当我删除一个表名时,它应该调整表行数 有没有人能告诉我该怎么做?如果你对我的编码有意见,请给出,因为我想尽可能多地学习 var计数=0; var btn=document.getElementById(“btn”); var table=document.getElementById(“表格”); var removeRowBtn=document.getElementById(“removeRowBtn”

我正在努力学习JavaScript;这是我为考试做的。我的问题是我想计算我的表行数,但是当我删除一个表名时,它应该调整表行数

有没有人能告诉我该怎么做?如果你对我的编码有意见,请给出,因为我想尽可能多地学习

var计数=0;
var btn=document.getElementById(“btn”);
var table=document.getElementById(“表格”);
var removeRowBtn=document.getElementById(“removeRowBtn”);
var tableNr=document.getElementById(“tableNr”);
//输入字段变量
var firstName=document.getElementsByName(“firstName”)[0];
var lastName=document.getElementsByName(“lastName”)[0];
var Age=document.getElementsByName(“Age”)[0];
var Country=document.getElementsByName(“国家”)[0];
var AgeCheck=document.myForm.Age.valueOf;
//此函数用于检查输入字段中是否包含重复引用的数据,否则会导致错误。
函数验证(){
//名字字段检查+错误
如果(document.myForm.firstName.value==“”){
提醒(“请提供您的名字!”);
document.myForm.firstName.focus();
返回false;
}
//姓氏字段检查+错误消息
如果(document.myForm.lastName.value==“”){
提醒(“请提供您的姓氏!”);
document.myForm.lastName.focus();
返回false;
}
//年龄字段检查+错误消息
if(isNaN(document.myForm.Age.value)| | document.myForm.Age.value<1 | | document.myForm.Age.value>100){
提醒(“请提供您的年龄!”);
返回false;
}
//国家/地区选择列表检查+错误消息
如果(document.myForm.Country.value==“chooseCountry”){
警告(“请提供您的国家!”);
返回false;
}
//如果evry thing为true,则返回值true
返回true;
}
函数表函数(){
//如果validate为true,则转到
if(validate()){
//计数以查看添加了多少行
计数++;
//吵架
var newRow=document.createElement(“tr”);
//将拖缆添加到表中
表2.appendChild(纽罗);
//向行中添加类和计数id
newRow.className=“tableRow”;
newRow.setAttribute(“id”,计数);
//向tr添加4个td
对于(i=0;i<5;i++){
var newData=document.createElement(“td”);
appendChild(newData);
newData.className=“tableData”;
//检查td计数并将数据放入。
如果(i==0){
table.getElementsByTagName(“tr”)[count].getElementsByTagName(“td”)[i].innerHTML=count;
}else如果(i==1){
table.getElementsByTagName(“tr”)[count]。getElementsByTagName(“td”)[i]。innerHTML=firstName.value;
}else如果(i==2){
table.getElementsByTagName(“tr”)[count]。getElementsByTagName(“td”)[i]。innerHTML=lastName.value;
}else如果(i==3){
table.getElementsByTagName(“tr”)[count]。getElementsByTagName(“td”)[i]。innerHTML=Age.value;
}else如果(i==4){
table.getElementsByTagName(“tr”)[count]。getElementsByTagName(“td”)[i]。innerHTML=Country.value;
}
}
}
}
函数removeTableRow(){
i=表数值;
//如果没有填写表号,则显示错误警报
如果(i==“”){
警告(“请提供表号!”);
tableNr.focus();
返回false;
}
//找到所选的数组
var行=table.getElementsByTagName(“tr”)[i];
//如果该数字不在行中,则显示错误警报,表示该数字不在表中
如果(行==未定义){
警报(“该行号不在表中”);
返回false;
}
row.remove(row.SELECTED索引);
}
RemoveTowBTN.onclick=函数(){removeTableRow()};
btn.onclick=function(){tableFunction()}
正文{
背景:白色;
}
img{
身高:100%;
显示:块;
保证金:0自动;
}
p{
文本对齐:居中;
}
.集装箱{
宽度:100%;
最大宽度:600px;
边界半径:2px;
保证金:0自动;
边际上限:8vh;
背景:浅灰色;
盒影:0px 4px 4px暗光;
}
桌子{
宽度:100%;
文本对齐:居中;
}
td,th{
边框:1px实心#dddddd;
文本对齐:左对齐;
填充:8px;
}
tr:n个孩子(偶数){
背景色:#dddddd;
}
/*钮扣*/
.btn{
显示:内联块;
保证金:1em自动;
字号:100;
填料:1米1.25米;
文本对齐:居中;
宽度:100%;
边界半径:1px;
位置:相对位置;
z指数:0;
光标:指针;
边界:无;
背景:#0c84e4;
盒影:0px 1px 1px#063e6b;
颜色:#FFFFFF;
}
:焦点{
轮廓:-webkit聚焦环颜色自动0px;
}
.btn.red{
背景:红色;
宽度:100%;
}
/*输入字段样式*/
输入[类型=文本]{
宽度:计算(25%-8px);
填充:12px 20px 12px 5px;
利润率:8px4px;
框大小:边框框;
浮动:左;
边界:无;
边框底部:2个实心#536DFE;
文本对齐:居中;
背景:透明;
}
输入:焦点{
大纲:无;
颜色:黑色;
}
:-webkit输入占位符{
颜色:黑色;
字体:helvetica 12px粗体;
文本对齐:居中;
}
挑选{
宽度:计算(25%-8px);
填充:12px 20px 12px 5px;
利润率:8px4px;
框大小:边框框;
浮动:左;
边界:无;
边框底部:2个实心#536DFE;
文本对齐:居中;
背景:透明;
高度:39px;
边界半径:0px!重要;
}

因泽德OPH5
编号。
名字
姓
年龄
国家
row.remove(row.selectedIndex);
row.remove(row.selectedIndex);
var rows = document.querySelectorAll("#table tr"); 
for (var i = 1; i < rows.length; i++) { rows[i].cells[0].innerText = i; }