/
HTMLOptionElement.ts
117 lines (106 loc) · 2.33 KB
/
HTMLOptionElement.ts
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
import HTMLElement from '../html-element/HTMLElement';
import IHTMLElement from '../html-element/IHTMLElement';
import IHTMLFormElement from '../html-form-element/IHTMLFormElement';
import HTMLOptionElementValueSanitizer from './HTMLOptionElementValueSanitizer';
import IHTMLOptionElement from './IHTMLOptionElement';
/**
* HTML Option Element.
*
* Reference:
* https://developer.mozilla.org/en-US/docs/Web/API/HTMLOptionElement.
*/
export default class HTMLOptionElement extends HTMLElement implements IHTMLOptionElement {
public _index: number;
/**
* Returns inner text, which is the rendered appearance of text.
*
* @returns Inner text.
*/
public get text(): string {
return this.innerText;
}
/**
* Sets the inner text, which is the rendered appearance of text.
*
* @param innerText Inner text.
*/
public set text(text: string) {
this.innerText = text;
}
/**
* Returns index.
*
* @returns Index.
*/
public get index(): number {
return this._index;
}
/**
* Returns the parent form element.
*
* @returns Form.
*/
public get form(): IHTMLFormElement {
let parent = <IHTMLElement>this.parentNode;
while (parent && parent.tagName !== 'FORM') {
parent = <IHTMLElement>parent.parentNode;
}
return <IHTMLFormElement>parent;
}
/**
* Returns selected.
*
* @returns Selected.
*/
public get selected(): boolean {
return this.getAttributeNS(null, 'selected') !== null;
}
/**
* Sets selected.
*
* @param selected Selected.
*/
public set selected(selected: boolean) {
if (!selected) {
this.removeAttributeNS(null, 'selected');
} else {
this.setAttributeNS(null, 'selected', '');
}
}
/**
* Returns disabled.
*
* @returns Disabled.
*/
public get disabled(): boolean {
return this.getAttributeNS(null, 'disabled') !== null;
}
/**
* Sets disabled.
*
* @param disabled Disabled.
*/
public set disabled(disabled: boolean) {
if (!disabled) {
this.removeAttributeNS(null, 'disabled');
} else {
this.setAttributeNS(null, 'disabled', '');
}
}
/**
* Returns value.
*
* @returns Value.
*/
public get value(): string {
return this.getAttributeNS(null, 'value') || '';
}
/**
* Sets value.
*
* @param value Value.
*/
public set value(value: string) {
this.setAttributeNS(null, 'value', HTMLOptionElementValueSanitizer.sanitize(value));
}
}