将html标题带到javascript变量

Question

如何从JS文件中获得titleText“某些名称”中的变量，以从HTML代码的超链接“ sometitle”中填充标题或从中获取标题？

JS

var randomtext={ titleText:"Some Name",}

的HTML

<a class="css" title="sometitle" href="#">Your HTML Here</a>

我希望JS然后更改为：

JS

var randomtext={ titleText:"sometitle",}

标题文本名称来自超链接的锚点中的标题

我尝试了以下操作，但没有用

JS

    var randomtext={ 
titleText:document.getElementsByClassName('css')[0]; randomtext.titleText = anchor.getAttribute('title');,
title2: "name1",
title3: "name3",
title4: "name4",

}

Answer 1

首先，您需要以某种方式标识<a>元素。 最简单的方法是给它一个ID。

然后，使用document.getElementById ，可以访问脚本中的超链接。 完成后，您可以使用setAttribute和getAttribute访问其标题。

的HTML

<a id="myLink" class="css" title="sometitle" href="#">Your HTML Here</a>

的JavaScript

var link = document.getElementById("myLink");

// Take the title from the link
var randomText = { titleText: link.getAttribute("title") };

// Change the link's title
link.setAttribute("title", randomText.titleText);

我希望这就是您要的内容，因为，老实说，我不确定您要说什么。

Answer 2

假定您要在锚点上获取“ title”属性，并使用它在您的randomtext对象上设置titleText属性的值：

JS

var randomtext={ titleText:"Some Name"}
// a more specific class name or id would be better suited here
var anchor = document.getElementsByClassName('css')[0];  
randomtext.titleText = anchor.getAttribute('title');

jsFiddle

更新资料

我不确定为什么要在对象定义中包括所有逻辑，但是当前的JavaScript无效。 如果在创建randomText对象时绝对必须为titleText属性分配一个值，则应该可以进行以下操作：

   var randomtext={ 
     // this immediately invokes a function 
     // which looks for the first anchor
     // and returns it's title attribute
     // that attribute is then assigned to the titleText property
     // on the object.
     titleText:(function () {
         var anchor = document.getElementsByClassName('css')[0];     
         return anchor.getAttribute('title');
     })(),
    title2: "name1",
    title3: "name3",
    title4: "name4",
}