javascript - 是否可以使用 JavaScript 将段落标记更改为标题标记?

标签 javascript html dom

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

我的 HTML

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

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

(fiddle)

关于javascript - 是否可以使用 JavaScript 将段落标记更改为标题标记?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17463930/

相关文章:

javascript - React Style 不适用于模板字符串

javascript - Polyfill 用于列出 Header 实例的 HTTP header

html - 如何使选项卡按钮宽度灵活 - ionic 2

javascript - 如何在onclick的函数调用中传入变量?

javascript - 包含的 html 中的类无法访问父文件 html 中的函数

javascript - iframe 内的内容根本不加载或显示警告 - iframe src 不安全且与包含页面不同的域

javascript - GraphQL + Apollo 错误 : Uncaught (in promise)

javascript - 从背景颜色列表中选择并为每个元素应用不同的颜色

javascript - ASP.NET:如何在回发后使用 javascript 保留在服务器控件上设置的值

javascript - 避免在 underscorejs 上使用全局变量