javascript - 从文本链接获取标题值

Question

我根本不是 Javascript 专家，但我不确定如何做到这一点。我在一个页面上有一个链接，该链接的结构类似于下面的代码。如何提取标题参考或链接的值？我认为需要使用 innerHTML 来获取链接文本，但我无法通过 ID 或标签名称获取元素。

<a href="#" title='titlevalue'>Link</a

Answer 1

您需要在链接中添加特定 ID。然后您可以直接访问它并获得您需要的价值。这是一个示例：首先，在您的链接中添加一个 id

<a href="#" id="myLink" title='titlevalue'>Link</a>

然后用javascript得到它

var title = document.getElementById('myLink').title;
var html = document.getElementById('myLink').innerHTML;

总的来说：

var title = document.getElementById('myLink').title;
var html = document.getElementById('myLink').innerHTML;
console.log("Title: " + title);
console.log("HTML: " + html);

<a href="#" id="myLink" title='titlevalue'>Link</a>

Answer 2

您还可以像这样使用数据属性：

<a href="#" data-title='titlevalue'>Link</a>

--> 而不是title您转换为数据属性的属性，如下所示：data-title

在你的 javascript 中：

const link = document.getElementsByTagName('a')[0];
console.log(link.dataset.title);

这应该记录：titlevalue

您可以在此处阅读有关数据属性的更多信息：https ://developer.mozilla.org/en-US/docs/Learn/HTML/Howto/Use_data_attributes

Answer 3

tag name您可以使用getElementsByTagName函数获取元素。这将返回具有相同元素的数组tag name。从该数组中，您可以获得所需的元素，并且，

使用getAttribute函数，您可以获得特定的值attribute。

const elements = document.getElementsByTagName('a');
const target = elements[0];

console.log('Href : ' + target.getAttribute('href'));
console.log('Title : ' + target.getAttribute('title'));

<a href="#" title='titlevalue'>Link</a>