关于html:是否可以使用JavaScript将段落标记更改为标题标记?

Is it possible to change paragraph tag to header tag by using JavaScript?

我正在尝试通过JavaScript中的ID将段落元素更改为h1

我的HTML

1
2
3
<body>
   <p id="damn"> Hello </p>
</body>

我的JavaScript

1
    document.getElementByID("damn").<required missing code to change to h1>

必需的结果是

1
2
3
<body>
   <h1 id="damn"> Hello
</body>


1
2
3
4
5
6
7
8
9
10
11
function changeTagName(el, newTagName) {
    var n = document.createElement(newTagName);
    var attr = el.attributes;
    for (var i = 0, len = attr.length; i < len; ++i) {
        n.setAttribute(attr[i].name, attr[i].value);
    }
    n.innerHTML = el.innerHTML;
    el.parentNode.replaceChild(n, el);
}

changeTagName(document.getElementById('damn'), 'h1');

(小提琴)


1
2
3
4
5
6
var elem=document.getElementById("damn");
var parent=elem.parentNode;
var newElement=document.createElement("h1");
newElement.textContent=elem.textContent;
newElement.id=elem.id;
parent.replaceChild(newElement, elem);

那应该可以解决问题。和我一起玩。