是否可以通过使用JavaScript将段落标签更改为标题标签? [英] Is it possible to change paragraph tag to header tag by using JavaScript?

查看:28
本文介绍了是否可以通过使用JavaScript将段落标签更改为标题标签?的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

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

I'm trying to change a paragraph element by its ID in JavaScript to a h1.

我的HTML

<body>
   <p id="damn"> Hello </p>
</body>

我的JavaScript

My JavaScript

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

所需结果为

<body>
   <h1 id="damn"> Hello </h1>
</body>

推荐答案

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');

(小提琴)

这篇关于是否可以通过使用JavaScript将段落标签更改为标题标签?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!

查看全文
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆