javascript - 动态更改 HTML 元素的类型

标签 javascript html css

<分区>

我想知道是否可以使用 javascript 更改 HTML 元素数据类型?

例如将 img 更改为 div?我这样做而不破坏 img 和创建 div 的原因是因为该元素包含很多内联样式,所以我需要将所有内联样式从 img 复制到 div。 PS:本网站仅适用于 iPad,因此跨浏览器兼容性不是问题。

var div  = img.cloneNode(true);
div.type = "div";

因此使用 img.cloneNode(true) 克隆节点/元素会更容易,然后必须将类型更改为 div。我希望这是可能的?

如果没有,也许有一种简单的方法可以将一个元素样式复制到另一个元素?也许……

// img is an img HTML element
var div = document.createElement("div");
div.style = img.style;
document.body.removeChild(img); // does that destroy div.style aswell?

最佳答案

您不能更改元素的类型。是的,div 的样式将被覆盖,除非您连接 div.style+=img.style。在这种情况下,像 img 样式属性会覆盖 div。

关于javascript - 动态更改 HTML 元素的类型,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8721471/

相关文章:

javascript - 当 css 设置为显示 :none 时,slideDown() 不起作用

php - 更改 PHP 网站中每个页面的元数据

jquery - 可编辑文本框内的屏蔽输入不起作用

html - 背景封面仍然使图像太大

html - 有什么方法可以在没有 Javascript 的情况下双击选择多个单词?

javascript - 如何使用颜色选择器在父元素上应用 CSS 颜色?

javascript - React JSX 编辑风格

javascript - 动态数组到本地存储/jstorage?

javascript - 如何将 href URL 插入 Javascript var?

javascript - 使用 WebFont 加载器时,如何硬编码 css?