转换基于函数的 innerHTML 以嵌入 XHTML 页面？

Question

我已经编写了一大段代码，但它使用的是 innerHTML，而我尝试将其加载到的页面需要 XHTML。

谁能帮我转换一下？

目前，它正在根据从我的下拉菜单中选择的内容提取 3 组变量。

然后它应该在同一页面中填充变量，输出变量的框。

innerHTML 所在的编码部分在下面，如何使它在 XHTML 中可用，以便我有一个小框显示填充的特定数据？

function init(){ 
   f=document.getElementById('form0');
   p=document.getElementById('locations')
   i=document.getElementById('info');

   f.reset();
   p.onchange=function() {
if(this.value!=='') {
   n=this.value;
   i.innerHTML=
           '<div>Location: <span id="pname">'+pn[n]+'<\/span><\/div>'+
           '<div>Username & Password: <span id="ipadr">'+ip[n]+'<\/span><\/div>'+
           '<div>Link to supply ordering: <a id="scall" href="'+sc[n]+'">LOGIN HERE<\/a><\/div>';
   i.className='';  
   }
else {
   i.className='hide';
   }
   }
}
   window.addEventListener?
   window.addEventListener('load',init,false):
   window.attachEvent('onload',init);
})();

Answer 1

由于第二个 div 中的 & 字符，该内容本身是无效的 xhtml。在 xhtml 中，& 表示实体的开头 (http://www.elizabethcastro.com/html/extras/entities.html)。

尝试将& 替换为&。