Как получить значение атрибута в элементе <a>?

Question

Как я могу взять значение атрибута data-set или изменить его в ссылке со следующей структурой: <a href='#' data-set='22'>Text</a>

Я знаю, что в jquery я могу использовать: $('a').attr ('data-set');

И чтобы изменить свой контент: $('a').attr ('data-set', '01');

Но в Ionic4 я его не получаю, уже исследовал и не могу точно.

Может кто-нибудьпомогите мне?

Answer 1

решено :

Я сделал это так:

<ion-input #myInput data-set="01"></ion-input>

@ViewChild ('myInput', { read: ElementRef }) myInput: ElementRef;


ngAfterContentInit() {
   console.log(this.myInput.nativeElement.dataset.dta1); 
}

Answer 2

Вы можете использовать HTMLElement.dataset

, если у вас есть <a href='#' id="mylink" data-set='22'>Text</a>

let elem = document.querySelector('#mylink');

//get
el.dataset.set

//set
el.dataset.set = "01"

Примечание: HTMLElement.dataset может не поддерживаться в некоторых браузерах, пожалуйстапротестируйте его перед тем, как запустить в производство

Answer 3

Мой код с ионным вводом:

in.html

<ion-input #mylink data-set="01"></ion-input>

in.ts

let el1:any;
el1 = document.querySelector('#mylink');
console.log(el1.dataset.set);

Ответ :

Error: Uncaught (in promise): TypeError: Cannot read property 'dataset' of null
TypeError: Cannot read property 'dataset' of null

Answer 4

В нативном JavaScript вы можете просто сделать

. Чтобы получить атрибут, используйте document.querySelector('a').getAttribute('data-set');, а для установки атрибута используйте document.querySelector('a').setAttribute('data-set', '01');

.