Internet Explorer：动态设置聚合物纸工具提示 innerHTML 的问题

Question

使用 Polymer 1.0，paper-tooltip

在附加函数中，我创建了一个变量 iconsToInsert，其中包含我将它们放在一起作为字符串的 svg 和文本元素。

当我拥有所有我需要的 svg 和文本时，我将工具提示的 innerHTML 设置如下：

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

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

这在 Chrome 和 FF 中工作正常，但在 Internet Explorer 中，我只能在开发工具中看到更改的 innerHTML，但是当鼠标悬停在我的元素上时不会触发工具提示。

在 Chrome 和 FF 中，工具提示 class 悬停时从 'hidden style-scope paper-tooltip' 变为 'style-scope paper-tooltip'，但这里没有任何反应。

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

我知道这不是很好解释，您可能需要更多详细信息，请问我。

Answer 1

好吧，我是这样解决的：

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

Internet Explorer：动态设置聚合物纸工具提示 innerHTML 的问题

Internet Explorer: issue with dynamically setting polymer paper-tooltip innerHTML

html

javascript

internet-explorer

innerhtml

polymer