使用Javascript将H1标记更改为H2

我正在用Vanilla JavaScript寻找一种方法，将此HTML代码的

标记更改为

标记：

<h1 class="price-heading ult-responsive cust-headformat" data-ultimate-target="#price-table-wrap-3686 .cust-headformat" data-responsive-json-new="{&quot;font-size&quot;:&quot;&quot;,&quot;line-height&quot;:&quot;&quot;}" style="font-family:'Roboto';font-weight:bold;">Basic</h1>

Basic

我怎样才能做到这一点

var el = document.getElementsByTagName('h1')[0];
var dummy = document.createElement('h2');
dummy.innerHTML = el.innerHTML;
el.parentNode.replaceChild(dummy, el);

---

Dupe为什么这个话题被关闭了？这个问题非常清楚，范围也很恰当。如果我投票决定重新打开，我就不能投票决定像dupe一样关闭。当我要求做一个简单的更改，而不添加一个事件侦听器时，就像上面的dupe那样，这个问题已经结束了？@SilveroCeriano你在问题中从来没有提到过任何关于事件侦听器的事情吗？不管怎样，我同意不应该把它作为离题的话题来结束。不幸的是。