首页 > 解决方案 > 如何在不影响其子元素的情况下更改元素标签?

问题描述

我有以下 HTML:

<ul id="randomList">
  <p>test</p>
  <p>test</p>
  <p>test</p>
  <p>test</p>
</ul>

如何使用 vanilla JS 选择#randomList和更改父元素的标签(开始和结束标签),所以输出如下:

<div id="randomList">
  <p>test</p>
  <p>test</p>
  <p>test</p>
  <p>test</p>
</div>

谢谢!

标签: javascripthtml

解决方案


推荐阅读