javascript - 从 javascript 到 html 的元素列表

标签 javascript html

我有一个长度未知的 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/

相关文章:

JavaScript promise : conventional way to pass arguments

javascript - 为什么动态制作时行不是宽度的 100%?

javascript - CSS Transition 不适用于可见性 :hidden

javascript - 在单个网页中嵌入多个视频流

javascript - 显示警报并将下拉菜单设置为默认值

javascript - Grails Richui 自动完成将对象传递给函数或更新对象 ID

javascript - React Native 错误找不到模块 'metro-config/src/defaults/blacklist'

javascript - 如何制作基本形状CSS悬停效果?

html - 设置跨度宽度和高度不只填充其内容

html - 无法更改 Bootstrap 中的按钮颜色