Wayground logo

Free Printable Worksheets

Font size

S
M
L
XL
Worksheets

Dom manipulálása

Total questions: 15

Worksheet time: 8mins

Name
Class
Date
1.

Milyen DOM-tulajdonságot használnak a bármilyen HTML tag szövegének frissítésére?

a)

id

b)

innerHTML

c)

src

d)

style

2.

Elem kiválasztása Id alapján

a)

Document.Getelementbyid()

b)

document.getElementById()

c)

Document.getElementByID()

d)

DOM.getElmentById()

3.

A class="heading" HTML-elemek lekéréséhez a használt választó a...

a)

document.getElementById("heading");

b)

document.getElementByClass("heading");

c)

document.getElementByName("heading");

d)

document.querySelector(".heading");

4.

DOM rövidítés jelentése

a)

Document Object Model

b)

Digital Object Model

c)

Documents Object Model

d)

Digital Optical Module

5.

Az id="main-content" html elem lekéréséhez a használt választó...

a)

document.getElementById("main-content");

b)

document.getElementByClass("main-content");

c)

document.getElementByName("main-content");

d)

document.querySelector(".main-content");

6.

Melyik parancs hoz létre egy új <div> elemet?

a)

document.addElement("div")

b)

document.createElement("div")

c)

new Element("div")

d)

document.make("div")

7.

Hogyan adsz egy új bekezdést a body-hoz?

a)

document.body.innerHTML("<p>Szöveg</p>")

b)

document.body.add("<p>Szöveg</p>")

c)

document.body.appendChild(document.createElement("p"))

d)

document.append("<p>Szöveg</p>")

8.

Mi a ` (backtick) jel szerepe JavaScriptben?

a)

Kommenteléshez használjuk

b)

Többsoros stringek és beágyazott értékek létrehozásához

c)

Számítási operátor

d)

Reguláris kifejezések határolója

9.

Hogyan illesztesz be egy változót szövegbe backtick használatával?

a)

"Hello, " + name

b)

$`Hello, {name}`

c)

`Hello, ${name}`

d)

`Hello, $name`

10.

Hogyan állíthatsz be egy attribútumot JavaScriptben?

a)

element.attr("src", "kep.jpg")

b)

element.attribute("src", "kep.jpg")

c)

element.setAttribute("src", "kep.jpg")

d)

element.addAttribute("src", "kep.jpg")

11.

Hogyan választasz ki minden <p> elemet?

a)

document.querySelector("p")

b)

document.getElement("p")

c)

document.querySelectorAll("p")

d)

document.selectAll("p")

12.

Hogyan törölsz egy elemet a DOM-ból?

a)

element.delete()

b)

element.remove()

c)

document.removeElement(element)

d)

element.destroy()

13.

Melyik parancs állítja be az elem háttérszínét kék

a)

element.style.backgroundColor = "blue"

b)

element.setStyle("backgroundColor", "blue")

c)

element.style.bgColor = "blue"

d)

element.css.background = "blue"

14.

Hogyan adsz több CSS tulajdonságot egyszerre?

a)

element.style = "color:red; font-size:20px;"

b)

element.css({color:"red",fontSize:"20px"})

c)

element.setCSS("color:red; font-size:20px;")

d)

element.addStyle("color:red; font-size:20px;")

15.

Hogyan állítod be egy kép elem forrását?

a)

image.src = "kep.jpg"

b)

image.setAttribute("source", "kep.jpg")

c)

image.href = "kep.jpg"

d)

image.link = "kep.jpg"