如何在另一个 html 元素中插入 g:text 对象？答案

【问题标题】：How to insert a g:text object inside another html element?如何在另一个 html 元素中插入 g:text 对象？
【发布时间】：2010-09-12 08:40:25
【问题描述】：

我正在开发一个 Windows 小工具。背景对象上有一个名为 addTextObject 的函数，它创建了我想要的对象，稍后我可以为其添加发光和阴影。但问题是我无法控制对象的位置。例如，如果我想将它附加到 div 或 span 或 td 中，则 appendChild 方法不起作用。我该如何解决这个问题？

var txtGlow = document.getElementById('imgBackground').addTextObject("test", "Verdana", 25, "Red", 50, 50);
            txtGlow.opacity = 100;
            txtGlow.addGlow("yellow", 50, 50);
            var theDiv = document.getElementById('divx');
            txtGlow.value = theDiv.innerText;
            theDiv.appendChild(txtGlow);

【问题讨论】：

标签： sidebar windows-desktop-gadgets

【解决方案1】：

添加到背景的文本和图像对象不是元素，因此不能附加到任何元素。您可以在 HTML 标记中创建 <g:text> 元素，但它们的行为与 in the same way 不同：

注意此方法不会将对象公开为 g:image 或 g:text 元素。您可以使用 document.getElementById("...") 方法定位和分配对象，但 g:image 或 g:text 方法和属性不可用。

您可以使用 document.createElement() 或 innerHTML 创建元素。

【讨论】：