Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/420.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如何从HTML表中生成的单元格中获取值?_Javascript_Html_Html Table - Fatal编程技术网

Javascript如何从HTML表中生成的单元格中获取值?

Javascript如何从HTML表中生成的单元格中获取值?,javascript,html,html-table,Javascript,Html,Html Table,我有一个表(检查屏幕截图),我可以在其中生成行,第二列将包含一个文本字段中的数字。我希望能够从生成的单元格中获取该数字并使用它执行计算。我不完全确定如何将生成的单元格作为目标,因为我可以生成X行。此表的原理是从文本字段生成数字,然后按下按钮,第三列将显示所有前第二列值的总和。执行将在按下按钮后开始,稍后我将添加该按钮 var计数器=1; var-pNum=0; var i; //目标元素 设btnAdd=document.getElementById('btn'); 设testBtn=doc

我有一个表(检查屏幕截图),我可以在其中生成行,第二列将包含一个文本字段中的数字。我希望能够从生成的单元格中获取该数字并使用它执行计算。我不完全确定如何将生成的单元格作为目标,因为我可以生成X行。此表的原理是从文本字段生成数字,然后按下按钮,第三列将显示所有前第二列值的总和。执行将在按下按钮后开始,稍后我将添加该按钮

var计数器=1;
var-pNum=0;
var i;
//目标元素
设btnAdd=document.getElementById('btn');
设testBtn=document.getElementById('test');
让table=document.getElementById('table1');
让bTimeInput=document.querySelector(“#bTime”)
设bValue=document.querySelector('bCell');
//检查空值
功能检查(输入){
if(input.value==null | | input.value==undefined | | | input.value.length==0){
返回true;
}
返回false;
}
btnAdd.addEventListener('单击',()=>{
if(检查工头(bTimeInput)){
警报('输入一个数字')
}否则{
计数器++;
pNum++;
设bTime=bTimeInput.value;
设wTime='dummyValue';
让taTime=0;
让模板=`
${pNum}
${bTime}
${wTime}
`;
table.innerHTML+=模板;
}
});

FCFS CPU调度算法
添加过程
P#
爆发时间
等待时间
电汇时间

没有代码片段就无法给出问题的确切答案,但我想到了一种方法:

你可以使用

const cells=document.querySelectorAll('td'))
获取所有元素的节点列表,然后通过索引此列表以特定单元格为目标。然后,您可以通过以下方式从这些节点元素中提取值:

单元格[索引].innerText

单元格[索引].innerHTML

并对其执行操作。

因此,我添加了一些类和行指针以提供帮助。看看你怎么想

var计数器=0;
var-pNum=0;
var i;
//目标元素
设btnAdd=document.getElementById('btn');
设testBtn=document.getElementById('test');
让table=document.getElementById('table1');
让bTimeInput=document.querySelector(“#bTime”)
设bValue=document.querySelector('bCell');
//检查空值
功能检查(输入){
if(input.value==null | | input.value==undefined | | | input.value.length==0){
返回true;
}
返回false;
}
常量GetToTime=(b时间,计数器)=>{
如果(计数器==1)返回bTime;
const{innerText:pTime}=document.querySelector(`tr.row${counter-1}td.col4`);
返回parseInt(b时间,10)+parseInt(p时间,10);
};
btnAdd.addEventListener('单击',()=>{
if(检查工头(bTimeInput)){
警报('输入一个数字')
}否则{
计数器++;
pNum++;
设bTime=bTimeInput.value;
设wTime='dummyValue';
让taTime=0;
让模板=`
${pNum}
${bTime}
${wTime}
${GetToTime(b时间,计数器)}
`;
table.innerHTML+=模板;
}
});

FCFS CPU调度算法
添加过程
P#
爆发时间
等待时间
电汇时间
var计数器=1;
var-pNum=0;
var i;
//目标元素
设btnAdd=document.getElementById('btn');
设testBtn=document.getElementById('test');
让table=document.getElementById('table1');
让bTimeInput=document.querySelector(“#bTime”)
设bValue=document.querySelector('bCell');
//检查空值
功能检查(输入){
if(input.value==null | | input.value==undefined | | | input.value.length==0){
返回true;
}
返回false;
}
var x0=[]//用于保存的数组
btnAdd.addEventListener('单击',()=>{
if(检查工头(bTimeInput)){
警报('输入一个数字')
}否则{
计数器++;
pNum++;
设bTime=bTimeInput.value;
设wTime='dummyValue';
让taTime=0;
//非常长但成功的可追踪标记开始
var x1=document.createElement('tr')
table.appendChild(x1)//父元素位于正确的位置
//现在来创建子对象
var x2=document.createElement('td'))
var x3=document.createElement('td')
var x4=document.createElement('td'))
//现在将数据应用于儿童
x2.innerText=pNum
x3.innerText=b时间
x4.innerText=wTime
//现在来部署孩子们
x1.子对象(x2)
x1.附加子对象(x3)
x1.追加子项(x4)
//非常长但成功的可追踪标签结束
//现在放置在数组中
推送({x1:x1,x2:x2,x3:x3,x4:x4})
console.log(x0[x0.length-1])
}
});

FCFS CPU调度算法
添加过程
P#
爆发时间
等待时间
电汇时间

您可以发布代码示例等吗@Bibberty code补充道,谢谢您您的代码违反了progra的一项关键原则