Başlık varlıklarında HTML varlıkları kullanmak mümkün değil mi?

Question

Yukarıdaki ekran koruyucu Firefox'tur. İmleç, resmin sol tarafında sarı nokta üzerinde geziniyor. Bu bir <img> öğedir (aslında bir dairesel <area> öğesi içeren bir görüntü eşlemesiyle birlikte bir görüntüdür, ancak bu ayrımın önemsiz olduğunu varsayalım), bir başlık özniteliğinin uygulanması da dahil olmak üzere, JavaScript'te oluşturulmuş ve stil oluşturulmuştur. kesme ve yapıştırma dizgileri). Bunun nasıl davranacağını ve – yerine istenilen karakteri gösterecek şekilde nasıl gösterebilirim? InnerHTML için çalışır (ortadaki soldaki "Barrow-In-Furness" metni de JavaScript ve onun içHTML kümesi kullanılarak oluşturulan bir div.)

Düzenleme: Domenik soruya yanıt olarak: Burada

aşağıdaki

var StyleLinkMarker = function (LinkNumber, EltA, EltI) { 
    var AltText = LocationName[LinkStart[LinkNumber]] + 
        " to " + 
        LocationName[LinkEnd[LinkNumber]]; 
    if (!EltA) { 
     EltA = document.getElementById("link_marker_area" + LinkNumber); 
     EltI = document.getElementById("link_marker_img" + LinkNumber); 
    } 
    if (LinkStatus[LinkNumber] === 9) { 
     var CanBuyLinkCode = BoardPreviewMode ? 0 : CanBuyLink(LinkNumber); 
     if (CanBuyLinkCode === 0) { 
      EltI.src = ImagePath + "icon-buylink-yes.png"; 
      AltText += " (you can buy this " + LinkAltTextDescription + ")"; 
     } else { 
      EltI.src = ImagePath + "icon-buylink-no.png"; 
      AltText += " (you cannot buy this " + LinkAltTextDescription; 
      AltText += CanBuyLinkCode === 1 ? 
         ", because you aren't connected to it)" : 
         ", because you would have to buy coal from the Demand Track, and you can't afford to do that)"; 
     } 
    } else if (LinkStatus[LinkNumber] === 8 || 
       (LinkStatus[LinkNumber] >= 0 && LinkStatus[LinkNumber] <= 4) 
       ) { 
     EltI.src = ImagePath + "i" + LinkStatus[LinkNumber] + ".png"; 
     if (LinkStatus[LinkNumber] === 8) { 
      AltText += " (orphan " + LinkAltTextDescription + ")"; 
     } else { 
      AltText += " (" + 
         LinkAltTextDescription + 
         " owned by " + 
         PersonReference(LinkStatus[LinkNumber]) + 
         ")"; 
     } 
    } else { 
     throw "Unexpected Link Status"; 
    } 
    EltA.alt = AltText; 
    EltA.title = AltText; 
}; 

LocationName gibidir:

var LocationName = [ 
    "Barrow–In–Furness", "Birkenhead",    "Blackburn", "Blackpool", 
          "Bolton", "Burnley",      "Bury",  "Colne", 
        "Ellesmere Port", "Fleetwood",    "Lancaster", "Liverpool", 
        "Macclesfield", "Manchester",    "The Midlands", "Northwich", 
          "Oldham", "Preston",     "Rochdale", "Scotland", 
         "Southport", "Stockport", "Warrington & Runcorn",  "Wigan", 
         "Yorkshire" 
]; 

Answer 1

Sen başlık atanması değildir niteliğini, inşa eder ve (başka işler gerçekleştirerek ek olarak) başlık niteliği uygular JavaScript işlevi olan sen (setAttribute yönteminin bir metin dizgesini de beklemesine rağmen) HTML'yi değil, metni beklediği özelliği başlığını ayarlama.

Genel olarak, DOM manipulasyonu ile uğraşırken, HTML değil metin sağlarsınız. .innerHTML, bu kuralın dikkate değer istisnasıdır.

Answer 2

İşte metne HTML dönüştürmek için kolay bir yol:

function convertHtmlToText(value) { 
    var d = document.createElement('div'); 
    d.innerHTML = value; 
    return d.innerText; 
} 

Kodunuz sonra bu şekilde güncellenecektir olabilir

:

EltA.title = convertHtmlToText(AltText);