Есть желание присоединиться к интересным IT проектам? Смотри открытые вакансии.

JavaScript свойство Document.body

JavaScript Document

Определение и применение

JavaScript свойство body объекта Document представляет ссылку на узел <body> или <frameset> текущего документа, или null, если такой элемент не существует. Элемент <frameset> не поддерживается в HTML 5.


Обращаю Ваше внимание на то, что содержимое свойства body может быть заменено, но это удалит все его дочерние элементы.


Поддержка браузерами

СвойствоChrome
Chrome
Firefox
Firefox
Opera
Opera
Safari
Safari
Internet Explorer
IExplorer
Microsoft Edge
Edge
bodyДаДаДаДаДаДа

JavaScript синтаксис:

// получение содержимого элемента
const objRef = document.body;

// установка содержимого элемента
document.body = objRef;

Спецификация

Document Object Model (DOM) Level 1

Пример использования

<!DOCTYPE html>
<html>
	<head>
		<title>Использование JavaScript свойства body объекта document</title>
	</head>
	<body>
		<button onclick = "myFunc()">Нажми меня</button> <!-- добавляем атрибут событий onclick -->
		<script>
	function myFunc() {
	  const comment = document.createComment( "Hello! I'm a hidden secret comment." ); // создаем узел комментария
	  document.body.appendChild( comment ); // добавляем узел комментария в качестве последнего дочернего узла элемента <body>
	}
		</script>
	</body>
</html>

В этом примере с использованием атрибута событий onclick при нажатии на кнопку (HTML элемент <button>) вызываем функцию myFunc(), которая с использованием JavaScript метода createComment() создает и возвращает новый узел комментария. Далее с помощью метода appendChild() добавляем узел комментария в качестве последнего дочернего узла элемента <body>.

Результат нашего примера:

Пример использования JavaScript свойства body объекта document
Пример использования JavaScriptсвойства body объекта document
JavaScript Document
×

Кажется, вы используете блокировщик рекламы :(

Этот ресурс не является коммерческим проектом и развивается на энтузиазме автора сайта, который посвящает все свое свободное время этому проекту.

Добавьте, пожалуйста, basicweb.ru в исключения блокировщика рекламы, этим вы поможете развитию проекта.