Internet Explorer:动态设置聚合物paper-tooltip innerHTML的问题

时间:2015-11-05 11:55:50

标签: javascript html internet-explorer polymer innerhtml

使用Polymer 1.0,paper-tooltip

在附加函数中,我创建了一个变量iconsToInsert,它包含svg和text元素,我把它们放在一起作为字符串。

当我拥有我需要的所有svg和文本时,我将工具提示的innerHTML设置为:

tooltips[5].children[0].innerHTML = iconsToInsert;

这会在工具提示中添加f.eg三个带有文本的svg。

这在Chrome和FF中运行良好,但在Internet Explorer中我只能在开发工具中看到更改的innerHTML,但将鼠标悬停在我的元素上时不会触发工具提示。

在Chrome和FF中,工具提示类会在从'hidden style-scope paper-tooltip'悬停到'style-scope paper-tooltip'时发生变化,但此处没有任何反应。

我必须这样做,因为我从一开始就无法知道哪些图标以及我需要插入多少图标。

我知道这个解释不是很好,你可能需要更多细节,请问我。

1 个答案:

答案 0 :(得分:1)

我解决了这个问题:

var lastVisibleIconTooltip = tooltips[5].children[0],
    myDiv = document.createElement('div');
myDiv.innerHTML = iconsToInsert;
lastVisibleIconTooltip.appendChild(myDiv)