如何获取<a>元素中的属性值？

Question

如何使用以下结构获取 data-set 属性的值或在 link 中更改它： <a href='#' data-set='22'>Text</a>

我知道在 jquery 我可以使用： $('a').attr ('data-set');

并更改您的内容： $('a').attr ('data-set', '01');

但是在 Ionic4 中我没有得到它，已经研究过但不能完全那样。

谁能帮帮我？

Answer 1

在本地 JavaScript 你可以做到

要获取属性，请使用 document.querySelector('a').getAttribute('data-set'); 并设置属性使用 document.querySelector('a').setAttribute('data-set', '01');

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

已解决:

我是这样做的：

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

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


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

Answer 4

在HTML文件中，

<ul>
  <li #messageEl *ngFor="let message of messages" [attr.data-message-id]="message.id">
{{ message.text }}
<br><button (click)="logMessageId(messageEl)">Console Log </button>
  </li>
</ul>

在.ts文件中，

logMessageId(el){
  let messageId = el.getAttribute('data-message-id');
  //let messageId = el.dataset.messageId;
  console.log("Message Id: ", messageId);
}

如何获取<a>元素中的属性值？

How to get attribute value in <a> element?

attributes

ionic-framework

ionic4