2017-01-23 72 views
1

我想正常显示标题属性。 tittle属性现在已在代码中显示。如何将其从文本更改为HTML?DIV属性标题:如何从文本显示到html

Image

我在下面尝试了一些代码,但不能正常工作。请帮忙!

function TextToHTML(NodeSet, HTMLregexp) { 
     var CellContent = ""; 
     var i=0; 
     while (i < NodeSet.length) 
     { 
     try 
     { 
      CellContent = NodeSet[i].innerText || NodeSet[i].textContent; 
      if (HTMLregexp.test(CellContent)) 
      { NodeSet[i].innerHTML = CellContent; } 
     } 
     catch(err) 
     {} 

     i=i+1; 
     } 
    } 
setInterval(
function(){ 
    var regexpA = new RegExp("\\s*<([a-zA-Z]*)(.|\\s)*/\\1?>\\s*"); 
    TextToHTML(document.getElementsByTagName("a"),regexpA); 

    var regexpDIV = new RegExp("^\\s*<([a-zA-Z]*)(.|\\s)*/\\1?>\\s*$"); 
    TextToHTML(document.getElementsByTagName("div"),regexpDIV); 

    var divs = document.querySelectorAll('div.ms-acal-item'); 
    var regexpTITLE = new RegExp("^\\s*<([a-zA-Z]*)(.|\\s)*/\\1?>\\s*$"); 
    for(var i=0; i<divs.length; i++){ 

     divs[i].getAttribute("title").replace(/<(?:.|\n)*?>/gm, ''); 
     TextToHTML(divs[i].getAttribute("title"),regexpTITLE); 
    } 

}, 10); 
+0

title属性不支持HTML标签。它必须是文本。如果你想使用html格式,你可以使用jqueryUI或你自己的鼠标来创建弹出菜单/工具提示。 – rajesh

+0

检查这个主题.. [使用JavaScript从HTML字符串中提取文本](http://stackoverflow.com/questions/28899298/extract-the-text-out-of-html-string-using-javascript) –

+0

Thx阿布舍克chandel!我自己解决了。 – user1735815

回答

0

问题已经解决:

var divs = document.querySelectorAll('div.ms-acal-item'); 
var regexpTITLE = new RegExp("^\\s*<([a-zA-Z]*)(.|\\s)*/\\1?>\\s*$"); 
for(var i=0; i<divs.length; i++){ 

    divs[i].getAttribute("title").replace(/<(?:.|\n)*?>/gm, ''); 
    TextToHTML(divs[i].getAttribute("title"),regexpTITLE); 
} 

更改上面的代码如下所示:

var divs = document.querySelectorAll('div.ms-acal-item'); 
for(var i=0; i<divs.length; i++){  
    var titleOriginal = divs[i].getAttribute("title");  
    var newTitle = titleOriginal.replace(/<(?:.|\s)*?>/g, ""); 

    titleOriginal = divs[i].setAttribute('title', newTitle); 
} 
+0

您可以将循环中的代码缩减为一行:'divs [i] .setAttribute('title',divs [i] .getAttribute(“title”)。replace(/ <(?:.|\s)*?>/g,“”));' – Thriggle