酷代码 AI
菜单
全部AI  /  热门  /  AI写代码神器
服务商

用原生js写一个品牌列表案例

以下是一个使用原生 JavaScript 创建品牌列表的简单示例: ```html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>品牌列表示例</title> </head> <body> <ul id="brandList"></ul> <script> // 定义品牌数组 var brands = ["Apple", "Samsung", "Huawei", "Xiaomi", "OPPO"]; // 获取列表元素 var brandList = document.getElementById('brandList'); // 遍历品牌数组,创建列表项 for (var i = 0; i < brands.length; i++) { var li = document.createElement('li'); li.textContent = brands[i]; brandList.appendChild(li); } </script> </body> </html> ``` 在上述示例中,我们首先定义了一个包含品牌名称的数组 `brands`。然后,通过 `getElementById` 方法获取了 `ul` 元素,接着使用循环创建 `li` 元素并设置其文本内容为品牌名称,最后将 `li` 元素添加到列表中。 [2024-11-18 16:07:58 | AI写代码神器 | 301点数解答]

相关提问