如何在 html 脚本中进行 Ul 标记

Question

我尝试在数组脚本中使用 html iam 中的脚本，请给我你对这种编码的建议。

<script>

var myArray = [

{

"display": "Home",

"url": "http://jomeitechnologies.com/"

},

{
"display": "About Us",
"url": "http://jomeitechnologies.com/about-us.html"
},

{
"display": "Our Services",
"url": "http://jomeitechnologies.com/our-services.html"
},

{

"display": "Careers",

"url": "http://jomeitechnologies.com/careers.html"
},

{

"display": "Contact Us",

"url": "http://jomeitechnologies.com/contact-us.html" 
}

];

myFunction(myArray);

function myFunction(arr) {

    var out = "";

    var i;

    for(i = 0; i<arr.length; i++) {

        out += '<a href="' + arr[i].url + '">' + 

        arr[i].display + '</a><br>';
    }

    document.getElementById("id01").innerHTML = out;
}

</script>

Answer 1

希望对你有帮助

function myFunction(arr) {
    var out = '<ul>';
    var i;
    for(i = 0; i<arr.length; i++) {
        out += '<li><a href="' + arr[i].url + '">' + 
               arr[i].display + '</a></li><br>';
    }
    out += '</ul>'
    document.getElementById("id01").innerHTML = out;
}