Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/405.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
生成html<;表>;包含JavaScript数组的内容_Javascript_Html - Fatal编程技术网

生成html<;表>;包含JavaScript数组的内容

生成html<;表>;包含JavaScript数组的内容,javascript,html,Javascript,Html,这是js数组 var array = [ ['name1', 'material1', 'number1', 'place1', 'country1'], ['name2', 'material2', 'number2', 'place2', 'country2'] ]; 名称 布料 数字 位置 国 这是我的html表 现在,我希望使用纯JS在表中生成数组的值。这是怎么可能的?您可以循环到数组并使用和创建一个HTML字符串,然后将这些字符串应用到表的内部HTML元素: var数组=[ [

这是js数组

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>';
})