无法获取工具提示innerHtml元素的DOM ID

Question

我有一个chartjs工具提示，其中我将为雷达图上的特定节点创建自定义工具提示。作为创建每个单独工具提示的功能的一部分，我将通过通用技术将内容添加到工具提示内容中：

var innerHtml = "<p>Some html content</p>"; 
innerHtml += "<p>More html content</p>";

例如，如果我想创建一个画布并在单独的javascript函数中获取该画布ID：

innerHtml +="<canvas id='canvasId'></canvas>";

function createChart(){
        var chart = document.getElementById("canvasId");
        ...
 }

这不起作用，也不会获得ID，因为在创建工具提示之前，尚未将其添加到DOM中。我尝试了其他一些技巧，但还没有碰到任何运气。关键是我还没有找到另一种方法来添加到内部html中，而无需将它作为字符串直接放在其中。