Is it possible to change paragraph tag to header tag by using JavaScript?
我正在尝试通过JavaScript中的ID将段落元素更改为
我的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); |
那应该可以解决问题。和我一起玩。