将<img/>的标记标题替换为原始标题

时间:2014-03-16 09:04:54

标签: html image

我想用原始标题

更改img中的标题标签

示例:

来自<img src="/img.jpg" title="image"/>

<img src"/img.jpg" original-title="image"/>

2 个答案:

答案 0 :(得分:0)

您需要更改元素的属性,具体取决于您是否使用jQuery:

jQuery:https://api.jquery.com/attr/

没有图书馆:https://developer.mozilla.org/en-US/docs/Web/API/Element.setAttribute

答案 1 :(得分:0)

Vanilla JS版:

var i = document.getElementById("myImage");
var t = i.getAttribute("title");
i.setAttribute("data-original-title",t);
i.removeAttribute("title");

小提琴:http://jsfiddle.net/G5QWC/

<小时/> jQuery版本:

var i = $("#myImage");
i.prop("data-original-title",i.prop("title")).removeProp("title");

小提琴:http://jsfiddle.net/G5QWC/1/

<小时/> 请注意,我将original-title替换为data-original-title。后者是有效的HTML5,可在the spec中找到。