Тест 3. Основы JavaScript. DOM

Какую информацию дает в BOM объект location? *

Содержит общую информацию о браузере и операционной системе.

Возвращает полный URL.

Предоставляет информацию о текущем URL и позволяет JavaScript перенаправить посетителя на другой URL.

Содержит общую информацию об экране, включая его разрешение

Каким будет результат выполнения следующего кода? *

<div id="output">Полный курс JavaScript </div>

<script>
var output = document.getElementById('output');
output.innerText = "Hello <br> World";
</script>

.

Hello <br> World

Hello

Ошибка

на первой строке "Hello", на второй - "World "

Какие выходные данные отобразятся на странице браузера? *

<div id="output">Complete JavaScript Course </div>
<script>
document.getElementById('output').innerHTML = "Hello<br> World";
</script>

Hello

Hello <br> World

Ошибка

на первой строке "Hello", на второй - "World "

Что будет представлено в поле ввода? *

<div id="output">Hello World</div>
<input type="text" id="val" value="JavaScript">
<script>
document.getElementById('val').value = document.getElementById('output').innerText;
</script>

.

Error

Hello World

пустая строка

JavaScript

Взгляните на следующий код. Что будет выведено в консоль при щелчке на элементе со словом Тhree? *

<div class="holder">
<div onclick="output('three')">Three
<div onclick="output('two')">Two
<div onclick="output('one')">One</div>
</div>
</div>
</div>
<script>
function output(val) {
console.log(val);
}
</script>

.

One

val

Three

Error

three

Two

Ничего не выведется

Сколько детей (дочерних DOM-узлов) у элемента <ul> в примере ниже: *

<ul>
<li>Привет</li>
<li>Мир</li>
</ul>

.

6

2

0

4

Что делает следующее свойство? *

setAttribute(name, value)

.

Устанавливает значение атрибута

Удалить атрибут

Проверить значение атрибута

Проверить, есть ли такой атрибут

Как выбрать один элемент по селектору, например h3 ? *

const head3 = document.querySelector(h3);

const head3 = document.querySelector('h3');

const head3 = querySelector('h3');

Как осуществить выбор коллекции элементов, например по h3 ? *

const head3 = document.querySelectorAll('h3');

const head3 = document.querySelectorAll(h3);

const head3 = querySelectorAll('h3');

Как удалить класс red-text у тега h2 в данном примере? *

const head2 = document.querySelector('h2');

.

head2.classList.remove('red-text');

head2.remove('red-text');

head2.classList('red-text');

Как поменять атрибут src у картинки? *

const img = document.querySelector('#logo');

.

img.setAttribute(src, js.png);

img.setAttribute('src', './image/js.png');

img.setAttribute('./image/js.png');

Посмотрите на HTML-документ. Каков будет результат document.getElementById('hi').parentElement.parentElement ? *

<table>
<tr>
<td id="hi">Привет!</td>
</tr>
</table>

TD

TABLE

Другой.

TR

Как получить DOM-элемент form в документе? *

<!DOCTYPE HTML>
<html>
<body>
<form id="myform">...</form>
</body>
</html>

document.getElementById("myform")

document.forms.myform

document.forms[0]

document.body.childNodes[0]

Установите соответствие между командой и действием: *

	переключает класс "blue"	включает класс "blue"	выключает класс "blue"
document.getElementById("shape").classList.add("blue")
document.getElementById("shape").classList.remove("blue")
document.getElementById("shape").classList.toggle("blue")

Каков порядок добавления дочернего элемента правильный? *

createElement("p"); document.appendChild(el);

document.body.appendChild(el); let el = document.createElement("p");

let el = document.createElement("p"); document.body.appendChild(el);

let el = document.createElement("p"); document.appendChild(el);