js动态 创建a标签 添加href

使用方法document.createElement()+appendChild()方法。

<body>
    <div id="aaa">


    </div>
    <script>
        var aaa = document.getElementById('aaa');
        var html;
        console.log(aaa)
        var list = ['a', 'b', 'c', 'd', 'e'];
        for(var i =0;i<list.length;i++){
            html=document.createElement('a');
            html.setAttribute('href', 'www.baidu.com');
            html.style.display='block';
            html.innerText=list[i]
            aaa.appendChild(html)
        }
    </script>
</body>
上一篇:创建动态表格(实现单元格内随机数即随机颜色)


下一篇:JS的节点(元素)的操作