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;

Answer 2

您可以使用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>

Answer 3

您还可以使用如下数据属性：

<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

从文本链接获取标题值

3 个答案: