我有一个长度未知的 Javascript 数组,我想让它的一些字段显示在我的 html 页面中。 我试图在我的 js 库中创建一个函数来打印它们,直接通过我的 html 代码调用它
<body onload="parser()">
<div id="list">
<script> load_list() </script>
</div>
</body>
函数 parser() 从 xml 文件中提取信息并将其放入数组中。函数load_list如下
function load_list () {
document.write ("<ul>");
for (i=0; i< array.length; i++) {
document.write ("<li><a href='javascript:change("+array[i].x+")'>");
document.write (array[i].name);
document.write ("</a></li>");
}
}
最佳答案
尝试
<div id="list">
</div>
<script>
var subjects = [{
x: '1',
name: 'One'
}]
function load_list(){
var ul = document.createElement('ul');
document.getElementById('list').appendChild(ul);
for (i=0; i< subjects.length; i++) {
var li = document.createElement('li');
var a = document.createElement('a');
a.innerHTML = subjects[i].name;
a.setAttribute('href', "javascript:change("+subjects[i].x+")")
li.appendChild(a);
ul.appendChild(li);
}
}
function parser(){
//do parsing logic
load_list()
}
</script>
演示:Fiddle
关于javascript - 从 javascript 到 html 的元素列表,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16100318/