Warning: file_get_contents(/data/phpspider/zhask/data//catemap/0/xml/13.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 从xml字符串创建html表_Javascript_Xml - Fatal编程技术网

Javascript 从xml字符串创建html表

Javascript 从xml字符串创建html表,javascript,xml,Javascript,Xml,我想使用javascript从XML字符串创建一个HTML表。我已经创建了表,但不确定如何将XML字符串传递给表。我希望该表有四列,列标题名为:(id、电话、电子邮件、地址) 测试 var attrs=[“id”、“电话”、“电子邮件”、“地址”]; 变量xmlString= “\n”+ “\n”+ “\n”+ '测试是测试,测试Apteryx test.test测试。\n'+ “\n”+ ''; 我在这里做了桌子 var parser=new DOMParser(); var xmlDoc

我想使用javascript从XML字符串创建一个HTML表。我已经创建了表,但不确定如何将XML字符串传递给表。我希望该表有四列,列标题名为:(id、电话、电子邮件、地址)

测试
var attrs=[“id”、“电话”、“电子邮件”、“地址”];
变量xmlString=
“\n”+
“\n”+
“\n”+
'测试是测试,测试Apteryx test.test测试。\n'+
“\n”+
'';
我在这里做了桌子

var parser=new DOMParser();
var xmlDoc=parser.parseFromString(xmlString,“text/xml”)
var test=xmlDoc.getElementsByTagName(“sense”);
//创建表
var myTableDiv=document.getElementById(“mytable”)
var table=document.createElement('table');
var tableBody=document.createElement('tbody');
table.appendChild(表体);
var tr=document.createElement('tr');
tableBody.appendChild(tr);
属性forEach(val=>{
var td=document.createElement('th');
td.宽度='100';
td.innerHTML=val;
tr.appendChild(td);
})
Object.keys(test.forEach)(el=>{
var tr=document.createElement('tr');
tableBody.appendChild(tr);
属性forEach(val=>{
var td=document.createElement('td');
td.宽度='100';
td.innerHTML=test[el].getAttribute(val);
tr.appendChild(td);
});
});
myTableDiv.appendChild(表)
表格{
字体系列:arial,无衬线;
边界塌陷:塌陷;
宽度:100%;
}
td,th{
边框:1px实心#dddddd;
文本对齐:左对齐;
填充:8px;
}
测试
var attrs=[“id”、“电话”、“电子邮件”、“地址”];
变量xmlString=
“\n”+
“\n”+
“\n”+
'测试是测试,测试Apteryx test.test测试。\n'+
“\n”+
'';

您是否期望此输出

var parser=new DOMParser();
变量xmlString=
“\n”+
“\n”+
“\n”+
'测试是测试,测试Apteryx test.test测试。\n'+
“\n”+”;
var attrs=[“id”、“电话”、“电子邮件”、“地址”];
var xmlDoc=parser.parseFromString(xmlString,“text/xml”)
var test=xmlDoc.getElementsByTagName(“sense”);
//创建表
var myTableDiv=document.getElementById(“mytable”)
var table=document.createElement('table');
var tableBody=document.createElement('tbody');
table.appendChild(表体);
//用于添加标题
对于(变量i=0;i
表格{
字体系列:arial,无衬线;
边界塌陷:塌陷;
宽度:100%;
}
td,th{
边框:1px实心#dddddd;
文本对齐:左对齐;
填充:8px;
}

我试过了,但是桌子没有display@user11766958-您是否在html中添加了div“Result”元素?