Programmatically create and append a div in TypeScript
Tests TypeScript DOM typing and safe element creation. Strong answers name HTMLDivElement and Document, use createElement plus classList.add and textContent, then append. Red flag: innerHTML for text or avoiding specific types.
Tests precise TypeScript DOM typing beyond generic any. A strong answer walks through document.createElement returning HTMLDivElement, adding a class with classList.add, setting textContent instead of innerHTML, and appending with parent.append or appendChild. It explicitly names Document, HTMLDivElement, and HTMLElement. Red flags include using innerHTML for plain text, ignoring the specific return types, or suggesting jQuery-style strings in a vanilla TS context.
Read the original → developer.mozilla.org
- #typescript
- #dom
- #web apis
- #html elements
- #frontend
Get five bites like this every day.
Tezvyn delivers a daily feed of 60-second tech bites with quizzes to lock in what you learn.