设置<a>标签

Setting the title attribute of an <a> tag in javascript

本文关键字：标签 设置      更新时间：2023-09-26

我试图在代码中做出改变，显示"title"，使用jQuery，从这个JavaScript代码:

<a id="photo" href="{%=file.url%}" title="{%=file.name%}" 
download="{%=file.name%}" data-gallery><img src="{%=file.thumbnailUrl%}"></a>

使用这个" title="{%=file.name%} "，它显示了文件的所有名称(包含图像类型- .jpg)

我尝试添加一个id，作为上部，并使用:

document.getElementById("photo").setAttribute("title", "new title");

但是我不能使它工作。我想在脚本中添加:

 var title2="{%=file.name%}";
 title = (title2.slice(2, title2.length-4));

切割前2个字符和最后4个字符。然后将它设置为标题。

有人能帮忙吗?

谢谢!:) 

<!-- The template to display files available for download -->
<script id="template-download" type="text/x-tmpl">
{% for (var i=0, file; file=o.files[i]; i++) { %}
<td style="padding-left:10px; display: inline-block;" class="template-download fade">
<div align="center" class="thumbnail" class="preview">
{% if (file.thumbnailUrl) { %}
<a id="photo" href="{%=file.url%}" title="{%=file.name%}" 
download="{%=file.name%}" data-gallery><img src="{%=file.thumbnailUrl%}"></a>           
 {% } %} </div>
<p class="name">
{% if (file.url) { %}
<a href="{%=file.url%}"  {%=file.thumbnailUrl?'data-gallery':''%}></a>
{% } %}</p></td>'{% } %}
</script>

我正在发送它，标签在JS中，在主体中，而不是在干净的html中，也许在文档中。getElementsById和document。getElementsByName将不工作在这里?我不知道该从哪里调用这个ID。有一个小错误在这个JS(')，但它的工作原理!:)

你可以通过使用这个实现你想要的。

   var str = '';
//get name and put it in str here.
document.getElementsById("photo").title = str.slice(2, str.length-4);//str is the the name of the file.

或者你可以使用

获得所有的链接

document.getElementsByName("link")[0].title = str.slice(2, str.length-4);

你的链接应该有name attr 

<a href="#" name="link" tit......><img src="#"></a>

希望有帮助!

你可以这样试试吗

var  image = "picture.jpg"
var tiitle= image.substr(0, image.indexOf('.')); 
var tiitle = tiitle.substr(2,tiitle.length)
document.getElementById("photo").setAttribute("title", tiitle );

提琴手链接

如果你正在使用jquery，就像你说的，试试这样:

<script>
$(document).ready(function () {
    var str = $('#photo').attr('title');
    $('#photo').attr('title',str.slice(2, str.length-4));
});
</script>

你可以试着给你的元素一个名字，这样你可以搜索它，然后尝试:

document.getElementsByName("link")[0].title = "New title";

这可能不是你的最终解决方案，但如果工作，那么它可能是你的标题属性包含一些字符它不能处理，但也许你可以告诉我们，如果有任何控制台错误在你现有的调用。

相关文章：