/Html/Get all html element data using angular

Get all html element data using angular

File your-component-name.component.html

<input type="text" #inputbox>
<button type="submit" (click)="getelementData()">Show element data</button>

file your-component-name.component.ts
In the class make function named as 

getelementData(nameinput){
 console.log(nameinput);  // output will be the whole button element with their attributes
 // if you want to show specific attribute data then 
 console.log(nameinput.value);  // it will reflects the value of textbox which has been entered
}

Similar codes

23 votes70 views3 answers
Set width img html
Html
38 votes117 views5 answers
Border bottom class in bootstrap 4
Html
7 votes111 views4 answers
Include bootstrap icons
Html
7 votes141 views1 answer
Bootstrap + cards
Html
3 votes116 views3 answers
Html checkbox check all
Html
0 vote74 views1 answer
Link underline none
Html
217 votes126 views6 answers
Import js in html
Html
10 votes106 views1 answer
Write & in html
Html
4 votes128 views3 answers
This request has been blocked; the content must be served over HTTPS.
Html
0 vote112 views1 answer
Html stroke width not working
Html