JavaScript: установить цвет фона абзаца

Последнее обновление 9 февраля 2019 08:35:35 (UTC / GMT +8 часов)

script1adsense2code

script1adsense3code

JavaScript DOM: упражнение-3 с решением

Напишите программу на JavaScript, чтобы установить цвет фона абзаца.

Пример решения : -

HTML-код:

<!DOCTYPE html>
<html>
<head>
<meta charset=utf-8 />
<title>Set the background color of a paragraph</title>
</head>
<body>
<input type="button" value="Click to set paragraph background color" onclick="set_background()">
<p>w3resource JavaScript Exercises</p>
<p>w3resource PHP Exercises</p> 
</body>
</html>

Код JavaScript:

function set_background() {
 docBody = document.getElementsByTagName("body")[0];
  //Get all the p elements that are descendants of the body
  myBodyElements = docBody.getElementsByTagName("p");
// get the first p elements
  myp1 = myBodyElements[0];
  myp1.style.background ="rgb(255,0,0)";
// get the second p elements
  myp2 = myBodyElements[1];
  myp2.style.background ="rgb(255,255,0)";
}

Пример вывода:

Блок - схема:

Демонстрация в реальном времени:

См. Pen javascript-dom-упражнение-3 от w3resource ( @ w3resource ) в CodePen .

Улучшите этот пример решения и опубликуйте свой код через Disqus

Предыдущая: напишите функцию JavaScript, чтобы получить значения имени и фамилии следующей формы.
Далее: Напишите функцию JavaScript, чтобы получить значение атрибутов href, hreflang, rel, target и type указанной ссылки.