javascript - 如何将html字符串作为节点插入父元素

问题描述

问 题

比如有这样的一个html字符串

'<div style="width:12px; height:12px">text</div>'

要插入到

<div class="parent">
    <div>child</div>
</div>

结果要是这样

<div class="parent">
    <div style="width:12px; height:12px">text</div>
    <div>child</div>
</div>

解决方案

  <div class="parent">
    <div>child</div>
  </div>
  <script type="text/javascript">
  var s = '<div style="width:12px; height:12px">text</div>';
  document.querySelector('.parent').insertAdjacentHTML('afterBegin',s);
  </script>

  <div class="divnode">
    <div>child</div>
  </div>
  <script type="text/javascript">
  var s = '<div style="width:12px; height:12px">text</div>';
  document.querySelector('.divnode').innerHTML = s + document.querySelector('.divnode').innerHTML;
  </script>

这篇关于javascript - 如何将html字符串作为节点插入父元素的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！