如何用数据属性名替换src属性名

Question

我有一个html文档，它使用带有src属性的object标记。但我需要用“data”（属性名称）替换src（属性名称）。

是否可以使用JavaScript执行此操作？ 我所提到的只是表明我们可以更改属性值，但我找不到任何替换属性节点名的方法。

有人可以帮忙吗

Answer 1

您必须获取src属性值并将其设置为data属性值。

如果您想摆脱src属性，可以使用 .removeAttribute() 。

这样的事情：

var att = element.getAttribute("src");
element.setAttribute("data", att);
element.removeAttribute("src");

的 jsFiddle example

如果你想做一堆元素，只需选择它们并进行for循环。例如，遍历所有div s：

var att, i, elie = document.getElementsByTagName("div");

for (i = 0; i < elie.length; ++i)
{
    att = elie[i].getAttribute("src");
    elie[i].setAttribute("data", att);
    elie[i].removeAttribute("src");        
}

的 jsFiddle example

---

<强> .getAttribute()
的 .removeAttribute()
的 .setAttribute()

Answer 2

何时更换属性？

为什么不使用innerhtml编写整个内容。

所需的src和带有id的所有内部div。

只需在提交时或在你想要的时候在div中写html