获取和更改元素标题的 Javascript答案

【问题标题】：Javascript to get and change element Title获取和更改元素标题的 Javascript
【发布时间】：2014-10-20 03:42:10
【问题描述】：

我想在单击链接时更改 div 内的图像。我这样做了，但我无法从链接的 TITLE 中检索到图像的 TITLE。

JavaScript

function changeImage(element) {
    document.getElementById('imageReplace').src = element;
}

HTML 1

<a href="#" title="PIC1" onclick="changeImage('pics/1.jpg');return false;">my link</a>

HTML 2

<img src="pics/empty.png" id="imageReplace"/>

当我单击 HTML1 中显示的链接时，图像会更改 HTML2 代码所在的位置，但不会检索到“标题”属性，并且当鼠标悬停在新图片上时不会弹出任何内容。我想检索这个标题属性。

谁能帮忙？

【问题讨论】：

您能否显示 HTML 之前和之后 HTML，以便清楚地了解您在做什么？

标签： javascript html css

【解决方案1】：

稍微修改一下你的函数：

function changeImage(src, a) {
    var img = document.getElementById('imageReplace');
    img.src = src;
    img.title = a.title;
}

和 HTML：

<a href="#" title="PIC1" onclick="changeImage('pics/1.jpg', this);return false;">my link</a>

所以你基本上将HTMLAnchorElement 对象（a 标签）传递给changeImage 函数，你可以在其中使用它的属性，如title。在那里，您将图像标题设置为链接一。

【讨论】：

【解决方案2】：

链接：

<a href="#" title="PIC1" onclick="changeImage.call(this,'pics/1.jpg');">my link</a>

图片：

<img src="pics/empty.png" id="imageReplace"/>

功能：

var changeImage = function(element) {
    document.getElementById('imageReplace').src = element;
    document.getElementById('imageReplace').title = this.title;
    return false;
}

Fucntion.prototype.call()

call() 方法使用给定的 this 值和单独提供的参数调用函数。

【讨论】：

【解决方案3】：

使用这个

function changeImage(element) {
    var element_title =element.title;
    var element_src=element.src;
    document.getElementById('imageReplace').src = element_src;
    document.getElementById('imageReplace').title= element_title ;
}
</script>
<a href="#" title="PIC1" onclick="changeImage(this);return false;">my link</a>
<img src="pics/empty.png" id="imageReplace"/>

【讨论】：

【解决方案4】：

由于您将其标记为jQuery，因此您可以使用它来设置任何元素的标题，

获取title属性值=$("#elem").attr("title");

设置标题 = $("#elem).attr("title","title-value");

假设 - 有一个 id = elem 的元素。

在您的情况下，您需要在onclick 中获得标题。为此，您可以这样做。

onclick="return changeImage('pics/1.jpg',this);"

function changeImage(imgsrc,element) {
    $("#imageReplace").attr("src",imgsrc);
    var title = $(this).attr("title");
    $("#imageReplace").attr("title",title);
    return false;
}

【讨论】：