如何使用JavaScript将另一个文本放入单元格?
我想把数组的价格放在数组antipasti的同一个单元格中。我也试过了,但我把课文换了。我希望两个数组都在同一个单元格中。 我不知道怎么做。有人能告诉我怎么做吗?多谢各位 图为:如何使用JavaScript将另一个文本放入单元格?,javascript,html,jquery,css,arrays,Javascript,Html,Jquery,Css,Arrays,我想把数组的价格放在数组antipasti的同一个单元格中。我也试过了,但我把课文换了。我希望两个数组都在同一个单元格中。 我不知道怎么做。有人能告诉我怎么做吗?多谢各位 图为: 函数generateTableAntipasti(){ //构建包含客户记录的数组。 var antipasti=新数组(); 反巴斯蒂推力([“反巴斯蒂”); 反巴斯蒂推法([“帕他汀]); 反巴斯蒂推力([“Kellogs”]); 反巴斯蒂推力([“Ciao”]); antipasti.push([“Hello”]
函数generateTableAntipasti(){
//构建包含客户记录的数组。
var antipasti=新数组();
反巴斯蒂推力([“反巴斯蒂”);
反巴斯蒂推法([“帕他汀]);
反巴斯蒂推力([“Kellogs”]);
反巴斯蒂推力([“Ciao”]);
antipasti.push([“Hello”]);
反巴斯蒂推力([“再见]);
var price=新数组();
价格。推送([“5,00$”);
价格。推送([“5,00$”);
价格。推送([“5,00$”);
价格。推送([“5,00$”);
价格。推送([“5,00$”);
价格。推送([“5,00$”);
//创建一个HTML表元素。
var table=document.createElement(“表”);
table.border=“1”;
table.className=“Antipasti”;
表1.2:单元间距=20;
//添加数据行。
对于(var i=0;i
将以上所有要点放在一起,稍微缩短一点
函数generateTableAntipasti(){
//构建包含客户记录的数组。
var antipasti=[“antipasti”、“Patatine”、“Kellogs”、“Ciao”、“Hello”、“Bye”],
价格=[“5,00美元”,“5,00美元”,“5,00美元”,“5,00美元”,“5,00美元”,“5,00美元”,“5,00美元];
//创建一个HTML表元素。
var table=document.createElement(“表”);
table.border=“1”;
table.className=“Antipasti”;
表1.1:间距=8;
//添加数据行。
antipasti.forEach((a,i)=>table.insertRow(-1).insertCell(-1).innerHTML=a+'
'+price[i]);
var dvTable=document.getElementById(“dvTable”);
dvTable.innerHTML=“”;
dvTable.appendChild(table);
}
GenerateTableAntiposti()
以上所有要点放在一起,并稍微缩短了一点
函数generateTableAntipasti(){
//构建包含客户记录的数组。
var antipasti=[“antipasti”、“Patatine”、“Kellogs”、“Ciao”、“Hello”、“Bye”],
价格=[“5,00美元”,“5,00美元”,“5,00美元”,“5,00美元”,“5,00美元”,“5,00美元”,“5,00美元];
//创建一个HTML表元素。
var table=document.createElement(“表”);
table.border=“1”;
table.className=“Antipasti”;
表1.1:间距=8;
//添加数据行。
antipasti.forEach((a,i)=>table.insertRow(-1).insertCell(-1).innerHTML=a+'
'+price[i]);
var dvTable=document.getElementById(“dvTable”);
dvTable.innerHTML=“”;
dvTable.appendChild(table);
}
GenerateTableAntiposti()
类似于:cell.innerHTML=antipasti[i];+'-'+价格[一]
?@charlietfl谢谢,但是如果我想在数组Antipasti下面放一个,那么试试+'
'+price[I]
或在cell中创建所需的任何html结构确保可以使用所需的任何html。
只是html换行符,默认情况下不可见。尝试使用一条可见的水平线,例如可以设置样式的水平线。或者,但是名称和价格在单独的
中,您可以按类名进行样式化。您的antipasti
-数组也会工作得很好,如果您像var antipasti=[“antipasti”,“Patatine”,“Kellogs”,“Ciao”,“Hello”,“Bye”]那样构建它,它将更易于管理代码>类似于:cell.innerHTML=antipasti[i];+'-'+价格[一]
?@charlietfl谢谢,但是如果我想在数组Antipasti下面放一个,那么试试+'
'+price[I]
或在cell中创建所需的任何html结构确保可以使用所需的任何html。
只是html换行符,默认情况下不可见。尝试使用一条可见的水平线,例如可以设置样式的水平线。或者,但是名称和价格在单独的
中,您可以按类名进行样式化。您的antipasti
-数组也会工作得很好,如果您像var antipasti=[“antipasti”,“Patatine”,“Kellogs”,“Ciao”,“Hello”,“Bye”]那样构建它,它将更易于管理代码>
function generateTableAntipasti() {
//Build an array containing Customer records.
var antipasti = new Array();
antipasti.push(["Antipasti"]);
antipasti.push(["Patatine"]);
antipasti.push(["Kellogs"]);
antipasti.push(["Ciao"]);
antipasti.push(["Hello"]);
antipasti.push(["Bye"]);
var price = new Array();
price.push(["5,00$"]);
price.push(["5,00$"]);
price.push(["5,00$"]);
price.push(["5,00$"]);
price.push(["5,00$"]);
price.push(["5,00$"]);
//Create a HTML Table element.
var table = document.createElement("Table");
table.border = "1";
table.className = "Antipasti";
table.cellSpacing = 20;
//Add the data rows.
for (var i = 0; i < antipasti.length; i++) {
row = table.insertRow(-1);
var cell = row.insertCell(-1);
cell.innerHTML = antipasti[i];
}
var dvTable = document.getElementById("dvTable");
dvTable.innerHTML = "";
dvTable.appendChild(table);
}