如何将 URL 作为带有 Javascript 的可点击链接添加到标题中

Question

I want to be able to make the URL integrated and linked to the title. It currently makes the title and URL separate in the picture.

var i;
var listItems = xmlDoc.getElementsByTagName('listitem');
var html = '';
for (i = 0; i < listItems.length; i++) {
    // build the HTML for the image and name text
    console.log(listItems[i].getElementsByTagName('itemName')[0].childNodes[0].nodeValue)
    html += "<div class=\"item\">" + "    <p>" + listItems[i].getElementsByTagName('itemName')[0].childNodes[0].nodeValue + +"<a href =" + "\"" + listItems[i].getElementsByTagName('itemURL')[0].childNodes[0].nodeValue + "\"" + ">" + "</a>" + "</p>" + "</div>";

Answer 1

Just use template literals. Code:

var i;
var listItems = xmlDoc.getElementsByTagName('listitem');
var html = '';
for (i = 0; i < listItems.length; i++) {
    // build the HTML for the image and name text
    console.log(listItems[i].getElementsByTagName('itemName')[0].childNodes[0].nodeValue)
    html += `<div class="item"><a href = "${listItems[i].getElementsByTagName('itemURL')[0].childNodes[0].nodeValue}">${listItems[i].getElementsByTagName('itemName')[0].childNodes[0].nodeValue}</a></div>`;