手动渲染原型 JS 元素对象答案

【问题标题】：Manually Rendering a Prototype JS Element Object手动渲染原型 JS 元素对象
【发布时间】：2023-04-01 20:31:01
【问题描述】：

是否可以在不使用update、insert 等方法之一的情况下手动渲染 Prototype JS 元素？如果有，怎么做？

也就是说，如果我有代码

var test = new Element('div');
test.update("This is a test");

有没有办法用字符串获取 javascript 变量

<div>Hello</code>

【问题讨论】：

您是否在询问是否可以使用作为 HTML 元素输入的字符串来模拟 jQuery 选择器，以便创建一个作为该字符串的元素？你知道 jQuery 是什么——jquery.com？
@David：不，我在问是否可以将 Prototype JS Element 对象序列化为字符串。我知道 jQuery 是什么，我的问题与 jQuery 无关。

标签： javascript html dom prototypejs

【解决方案1】：

我对你的问题有点不清楚。如果您要求对元素（是否使用 Prototype 创建）进行字符串表示，您正在寻找outerHTML。

var test = new Element('div');
test.update("This is a test");

var htmlString = test.outerHTML;
alert(htmlString);  // "<div>This is a test</div>"

如果你问是否可以使用 Prototype 从字符串 <div>This is a test</div> 创建一个元素，答案是否定的。好吧，没有内置的东西可以做到这一点。不过，您可以轻松创建自己的函数来处理此问题。这是关于该主题的类似问答：How to create element from HTML in Prototype?

【讨论】：