如何在Javascript中将字符串值更改为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
我有什么方法可以实现这一点。
提前致谢。
答案 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/