20 Câu hỏi trắc nghiệm - làm quen với DOM và sự kiện trong JavaScript

Học JS

20 Câu hỏi trắc nghiệm - làm quen với DOM và sự kiện trong JavaScript

Câu hỏi 1: Which method is used to get an element by its id in JavaScript?

A: document.querySelector()
B: document.getElementById()
C: document.getElementsByClassName()
D: document.getElementsByTagName()

Đáp án: B

Câu hỏi 2: Which property is used to change the content of an HTML element?

A: textContent
B: value
C: innerHTML
D: innerText

Đáp án: C

Câu hỏi 3: Which property is used to change the text color of an element?

A: style.color
B: font.color
C: text.color
D: css.color

Đáp án: A

Câu hỏi 4: Which statement correctly changes the content of the element with id='demo'?

A: document.getElementById('demo').value = 'Hello';
B: document.getElementById('demo').innerHTML = 'Hello';
C: document.getElementById('demo').text = 'Hello';
D: document.getElementById('demo').setText('Hello');

Đáp án: B

Câu hỏi 5: Which event occurs when a user clicks on an element?

A: onchange
B: onmouseover
C: onclick
D: onload

Đáp án: C

Câu hỏi 6: The onchange event is commonly used with which elements?

A: div
B: p
C: input, select
D: h1

Đáp án: C

Câu hỏi 7: Which is the correct way to assign an onclick event in HTML?

A: Click
B: Click
C: Click
D: Click

Đáp án: A

Câu hỏi 8: What does the innerHTML property do?

A: Gets and sets the HTML content inside an element
B: Only gets text
C: Only changes CSS
D: Adds class

Đáp án: A

Câu hỏi 9: Which statement adds content to the end of an element?

A: element.innerHTML = 'New';
B: element.innerHTML += 'New';
C: element.add('New');
D: element.push('New');

Đáp án: B

Câu hỏi 10: How do you remove all content from an element?

A: element.remove()
B: element.innerHTML = ''
C: element.delete()
D: element.clear()

Đáp án: B

Câu hỏi 11: Which property is used to change font size?

A: style.textSize
B: style.font
C: style.fontSize
D: style.size

Đáp án: C

Câu hỏi 12: What does document.getElementById return?

A: An array of elements
B: A single HTML element
C: A string
D: A number

Đáp án: B

Câu hỏi 13: When does the onchange event occur?

A: When clicking
B: When page loads
C: When input/select value changes
D: When hovering

Đáp án: C

Câu hỏi 14: Which statement correctly changes background color?

A: style.bgcolor = 'red'
B: style.backgroundColor = 'red'
C: style.colorBackground = 'red'
D: style.background = red

Đáp án: B

Câu hỏi 15: What can innerHTML contain?

A: Only text
B: Only numbers
C: HTML and text
D: Only CSS

Đáp án: C

Câu hỏi 16: How do you get the value from an input field?

A: input.innerHTML
B: input.text
C: input.value
D: input.getValue()

Đáp án: C

Câu hỏi 17: What happens when using innerHTML multiple times with '='?

A: Content is appended
B: Old content is overwritten
C: Error occurs
D: Nothing changes

Đáp án: B

Câu hỏi 18: Which statement correctly adds a element?

A: ul.innerHTML += 'Item'
B: ul.add('Item')
C: ul.push('Item')
D: ul.insert('li')

Đáp án: A

Câu hỏi 19: What is onclick mainly used for?

A: Handling input
B: Handling mouse click
C: Handling page load
D: Handling hover

Đáp án: B

Câu hỏi 20: Which property is used to modify multiple CSS styles?

A: style
B: css
C: class
D: design

Đáp án: A

Developer Toolbox

INPUT AREA

OUTPUT AREA

TEXT CASE

FORMAT & CLEAN

ENCODE & DECODE

JSON & CRYPTO

Đã sao chép!!!

Hotline: 0967025996

Gozic - Hệ thống học lập trình, luyện thi, kiểm tra trắc nghiệm trực tuyến uy tín tại Việt Nam.