如何使用javascript创建自定义HTML代码生成器

Question

我想为使用javascript或jquery的某些var创建一些html代码的HTML代码生成器。所以这将是一个静态网页

例如，这是我的html代码

<a href="home.html">Link name</a> 

因此如果用户把自己的链接名称输入形式文本区域将根据该输入apear结果代码。

所以，如果我输入MIDO结果将是

<a href="home.html">mido</a> 

如果有jQuery插件，将是巨大的

Answer 1

使用事件只是做手工。有一个jsFiddle up here。

Input your link name: <input onchange="document.getElementById('changed_link').innerText = this.value" /> 
<br /> <a id="changed_link" href="home.html"></a> 

如果您希望它是瞬间的，更换onchange with onkeyup。