如何在不使用“ id”元素的情况下获取<Label>文本

时间:2019-06-17 08:22:52

标签: javascript

我正在尝试获取嵌入了<Label>标签的文本。我对Javascript和JQuery的基础知识是零到零,因此我需要对此进行指导。我正在尝试从另一个stackoverflow帖子get-values-from-label-using-jquery

复制的代码
<label year="2010" month="6" id="currentMonth"> June &nbsp;2010</label>

var label = $('#currentMonth');
var month = label.attr('month');
var year = label.attr('year');
var text = label.text();

此代码的问题是,一旦我删除ID元素,它就会停止工作。请告诉我,没有ID元素怎么办?

3 个答案:

答案 0 :(得分:2)

使用类而不是request.path来定位元素

Id
var label = $('.currentMonth');
var month = label.attr('month');
var year = label.attr('year');
var text = label.text();

console.log(month,year,text)

答案 1 :(得分:1)

使用纯JavaScript的方式:

HTML:

<label year="2010" month="6" class="currentMonth"> June &nbsp;2010</label>

JavaScript:

let label = document.getElementsByClassName('currentMonth')[0];
let month = label.getAttribute('month');
let year = label.getAttribute('year');
let text = label.textContent;

console.log(month,year,text)

答案 2 :(得分:0)

您可以使用一系列方法来使用DOM。一种获取元素的简单方法是:

document.getElementsByTagName("add-your-tag-label-in-this-case");

https://www.w3schools.com/jsref/met_document_getelementsbytagname.asp