数组内部可以放任何东西,放数值的为数值数字,放字符串的为字符数组
字符数组如: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>