如何在Javascript中将字符串值从变量转换为HTML

时间:2016-07-27 12:16:20

标签: javascript html

如何在Javascript中将字符串值更改为HTML。

问题

我的表单将HTML代码呈现为字符串,我没有控件。

它是动态渲染的。

现在我需要将该字符串内容更改为HTML

我在var 检查中将以下值作为字符串

var checking = formEl.innerHTML;

var 检查中的字符串值是

 <thead id="updateContent">
  <tr>
    <th style="width:25%" class="spacingInHeader">Years of Expierence </th>
    <th style="width:50%" class="spacingInHeader">Salary</th>
    <th style="width:25%" class="spacingInHeader">Actions</th>
    <input type="hidden" id="editRowIndex" value="">    
  </tr>
</thead>
<tbody>
  <tr id="divUserList">
    <td class="dynamicRow"> <input style="width:100px!important;" type="text" id="totalExperience"> </td>
    <td class="dynamicRow"> <input type="text" id="salaryForThisPosition"> </td>
  </tr>
  <tr id="alf-id29">
    <td style="border-top-width: 1px; border-top-style: solid; border-top-color: rgb(197, 197, 197);">1</td>
    <td style="border-top-width: 1px; border-top-style: solid; border-top-color: rgb(197, 197, 197);">1</td>
    <td style="border-top-width: 1px; border-top-style: solid; border-top-color: rgb(197, 197, 197);"><a class="addLink" style="margin-right:10px" href="#" onclick="javascript:editRow(this);return false;"> Edit </a> <a href="#" class="addLink" onclick="javascript:deleteRow(this);return false;"> Delete </a> </td>
  </tr>
</tbody>

我想将这些字符串值呈现为HTML

更多解释

我在检查变量

中有值

在该字符串值中,我有一个id updateContent ,我想将这些字符串值呈现为HTML

我有什么方法可以实现这一点。

提前致谢。

1 个答案:

答案 0 :(得分:1)

将您想要更改的html放在另一个div中。并改变div的内部html

例如,如果我们有一个非常简单的代码:

<p>Hello~!</p>

并且你想使用html能够自由地修改它来说...

<h1>Goodbye?!</h1>

你做的很简单:你把它放在这样的div中:

<div id="myName"><p>Hello~!</p></div>

你在javascript中执行此操作:

document.getElementById("myName").innerHTML = "<h1>Goodbye?!</h1>"

多数民众赞成......关于它真的!

JsFiddle适合想要查看的人:https://jsfiddle.net/9az241sf/