生成html<;表>;包含JavaScript数组的内容
这是js数组生成html<;表>;包含JavaScript数组的内容,javascript,html,Javascript,Html,这是js数组 var array = [ ['name1', 'material1', 'number1', 'place1', 'country1'], ['name2', 'material2', 'number2', 'place2', 'country2'] ]; 名称 布料 数字 位置 国 这是我的html表 现在,我希望使用纯JS在表中生成数组的值。这是怎么可能的?您可以循环到数组并使用和创建一个HTML字符串,然后将这些字符串应用到表的内部HTML元素: var数组=[ [
var array = [
['name1', 'material1', 'number1', 'place1', 'country1'],
['name2', 'material2', 'number2', 'place2', 'country2']
];
名称
布料
数字
位置
国
这是我的html表
现在,我希望使用纯JS在表中生成数组的值。这是怎么可能的?您可以循环到数组并使用
和
创建一个HTML字符串,然后将这些字符串应用到表的内部HTML
元素:
var数组=[
['name1','material1','number1','place1','country1'],
['name2','material2','number2','place2','country2']
];
var nHTML=document.querySelector('table').innerHTML;
array.forEach(函数(arrItem){
var td=“”;
arrItem.forEach(功能(项目){
td+=''+项目+'';
});
nHTML+=td+'';
});
document.querySelector('table').innerHTML=nHTML代码>
名称
布料
数字
位置
国
检查这个小提琴手:
您需要按如下方式浏览阵列:
forEach(函数(elem){//其中arr是数组
var-arr=[
['name1','material1','number1','place1','country1'],
['name2','material2','number2','place2','country2']
];
var tabla=document.getElementById('newTable');
arr.forEach(功能(要素){
var tr=tabla.insertRow();
tr.innerHTML=''+elem[0]+''+elem[1]+''+elem[2]+''+elem[3]+''+elem[4]+'';
})
var-arr=[
['name1','material1','number1','place1','country1'],
['name2','material2','number2','place2','country2']
];
var tabla=document.getElementById('newTable');
arr.forEach(功能(要素){
var tr=tabla.insertRow();
tr.innerHTML=''+elem[0]+''+elem[1]+''+elem[2]+''+elem[3]+''+elem[4]+'';
})
名称
布料
数字
位置
国
到目前为止你有没有搜索或尝试过任何东西?你有JS知识吗?做点努力,告诉我们你在哪里挣扎,我们肯定会帮助你。是的,我以前与JS合作过,只是我不知道如何解决这个问题。@ZakariaAcharkirefer请在你的帖子中添加你迄今为止的进展,以解决一个特定问题,而不仅仅是询问f或给定值的给定期望结果。和的可能重复,工作完美,谢谢!@JackKiurre如果对您有帮助,您可以勾选答案
<table>
<tr>
<th>Name</th>
<th>Material</th>
<th>Number</th>
<th>Place</th>
<th>Country</th>
</tr>
</table>
var arr = [
['name1', 'material1', 'number1', 'place1', 'country1'],
['name2', 'material2', 'number2', 'place2', 'country2']
];
var tabla = document.getElementById('newTable');
arr.forEach(function(elem){
var tr = tabla.insertRow();
tr.innerHTML = '<td>'+elem[0]+'</td><td>'+elem[1]+'</td><td>'+elem[2]+'</td><td>'+elem[3]+'</td><td>'+elem[4]+'</td>';
})