JavaScript数组和网页的交互

数组内部可以放任何东西，放数值的为数值数字，放字符串的为字符数组

字符数组如：var name=["张三","李四","王五"]

问题：如何让定义好的数组变成li标签放入ul中

1）如何在js中查找对应的标签：通过id去找：

给ul标签设id 通过id找到对应的元素 var name=document.getElementById(标签的id)

将指定的内容放质结构中 标签.innerHTML=设置内容

拼接：依次拿出数组中的元素，拼接成字符串，用+连接

"<li>"+name[0]+"</li><li>"+name[1]

用li标签将第一个元素与第二个元素连接起来，这种方法慢

简单方法：先声明一个变量 var str=""

再用for循环将其拼接到一个变量中。

案例：

<ul id ="nav"></ul>
<script>
    var name=["百度","腾讯","京东","淘宝"]
    var str ="<li>我是li标签</li>"
    //将str字符串放到ul标签内部
    var str=""
    for(var n=0;n<name.length;n++){
    str=str+"<li>"+name[n]+"</li>"
}
    var nav =document.getElementById("nav")
    name.inner.HTML=str
    console.log(str)
</script>