<!DOCTYPE html><html><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta http-equiv="X-UA-Compatible" content="ie=edge"><title>Document</title></head><style>#dv{width: 300px;height: 300px;background-color: #ff0;}</style><body><input type="button" id="btn" value="創(chuàng)建列表"><div id="dv"></div><script>function byId(id){return document.getElementById(id);}var names=["楊過(guò)","張三","李四","王五"]var divobj=byId("dv");var btn=byId("btn");btn.onclick=function(){var ulobj=document.createElement("ul");divobj.appendChild(ulobj);for(var i=0;i<names.length;i++){//創(chuàng)建li標(biāo)簽var liobj=document.createElement("li");//添加li中的文本liobj.innerText=names[i];//將li放入ul標(biāo)簽中ulobj.appendChild(liobj);liobj.onmouseover=onmouseoverHaddle();liobj.onmouseout=onmouseoutHaddle();}}function onmouseoverHaddle(){this.style.backgroundColor="red";}function onmouseoutHaddle(){this.style.backgroundColor="#fff";}</script></body></html>
為什么li只能顯示 第一個(gè)name值?
毛Bing
2018-07-29 11:25:47
