分享自己用的json转li，用于把json动态转成html列表

//p_json json字符串， p_root = <ol> object
function jsonToOl(p_json,p_root)
{
    for (var title in p_json) 
    {  
        var link_text = p_json[title]
        var listItem = document.createElement("li")
        var linkItem = document.createElement("a")
        linkItem.innerText = title
        linkItem.href = link_text
        listItem.appendChild(linkItem)
        p_root.appendChild(listItem) 
    }
}

使用

<!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>ai专区</title>
    <script src="../js/jsonToOl.js"></script>
</head>
<body>
    <h2>chatgpt国内镜像资源</h2>
    <ol id="chatgpt_list">

    </ol>
    <script>
        var chatgpt = {
          "ai2dog":"https://www.ai2dog.com",
          "1024dog":"https://www.1024dog.com",
          "chat.aipod.top":"https://chat.aipod.top",
          "ai.minihuo":"https://ai.minihuo.com",
          "c.binjie":"https://c.binjie.fun",
          "sss.mygpt":"https://sss.mygpt.bid",
          "cgs.skybyte.me":"https://cgs.skybyte.me",
          "free.aitom.cc":"https://free.aitom.cc",
        }
        jsonToOl(chatgpt, document.getElementById("chatgpt_list"))
      </script>
</body>
</html>

效果

posted on 2025-06-20 18:35 小沙盒工作室阅读(18) 评论(0) 收藏举报