有时候你在后端数据库中调取了一些相关的数据后,代替原来的数据,我这边就写一个类似的代码展示一下:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> ul,li{ margin:0; padding:0; list-style:none; } #ul{ width:600px; margin:300px auto; background:goldenrod; text-align:center; } </style> <script> window.onload=function(){ var ul = document.getElementById("ul") var food = ['唐梅','荔枝','花生','甘蔗'] food_put = '' for(var i=0;i<food.length;i++){ food_put += "<li>"+food[i]+"</li>" } ul.innerHTML = food_put } </script> </head> <body> <ul id="ul"> <li >哈啊啊啊啊啊啊</li> </ul> </body> </html>这个代码我只是模拟了一下,具体依情况而定。