Question

如何获取数据集属性的值或在具有以下结构的链接中进行更改： | id | COL1 | | --- | ---- | | 6 | a | | 7 | b | | 8 | c |

我知道在jquery中我可以使用： <a href='#' data-set='22'>Text</a>

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

但是在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

我的带有离子输入的代码：

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

已解决：

我是这样做的：

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

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


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

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

4 个答案: