如何将现有的DOM元素文本转换为HTML元素？

Question

我有一个已经存在于页面中的元素，其中HTML作为字符串。 如何从该元素中获取文本并将其转换为HTML，然后将其重新注入到现有元素中？

我尝试的所有内容都会将innerhtml元素重新呈现为文本。

window.current_element_content=window.current_element.previousElementSibling.innerHTML;
window.current_element.previousElementSibling.getElementsByTagName('div').innerHTML = window.current_element_content;

在控制台上打印时的文本示例。

<tr>
        <td headers="mon">
            9:00 AM - 4:00 PM
        </td>
        <td headers="tues">
            9:00 AM - 4:00 PM
        </td>
        <td headers="wed">
            9:00 AM - 4:00 PM
        </td>
        <td headers="thurs">
            9:00 AM - 4:00 PM
        </td>
        <td headers="fri">
            9:00 AM - 4:00 PM
        </td>
        <td headers="sat">
            Closed
        </td>
        <td headers="sun">
            Closed
        </td>

Answer 1

您可以从此处查看如何解码HTML实体： 在Java中取消转义HTML实体？

之后，您可以使用.innerHTML属性将代码注入给定元素：

 function htmlDecode(input){ var e = document.createElement('div'); e.innerHTML = input; return e.childNodes.length === 0 ? "" : e.childNodes[0].nodeValue; } $(document).ready(function(){ var s = '<input type=button value="Inserted Button">'; document.getElementById('my_place').innerHTML = htmlDecode(s); }); 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script> <div id="my_place"> &nbsp; </div> 

在上面的代码中，jQuery仅用于在document.ready上触发。

Answer 2

您需要读出textContent而不是innerHTML ，然后像使用它那样将其写入innerHTML ：

var element = current_element.previousElementSibling.querySelector('div');
element.innerHTML = element.textContent;

还要注意， getElementsByTagName返回一个不包含innerHTML的NodeList。 而是使用querySelector 。