JS(十):javascript实现字符串文本作为html元素插入网页

最新推荐文章于 2023-02-01 12:06:41 发布

yunxiaoMr

最新推荐文章于 2023-02-01 12:06:41 发布

阅读量1.3k

点赞数

CC 4.0 BY-SA版权

分类专栏： JavaScript 文章标签： javascript

本文链接：https://blog.csdn.net/weixin_41297324/article/details/106367224

JavaScript 专栏收录该内容

10 篇文章

订阅专栏

本文通过具体实例展示了如何使用JavaScript来操作DOM元素，包括插入HTML片段到指定元素的开始处以及修改某个节点的内部HTML。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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

  <div class="divnode">
    <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>

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