Здесь вы найдете информацию о трех свойствах JavaScript для работы с DOM элементами: baseURI, isConnected и textContent. Мы расскажем, как эти свойства могут быть использованы в ваших проектах и приведем примеры кода для демонстрации их работы. Узнайте, как использовать baseURI для получения полного URL-адреса страницы, как isConnected помогает определить, связан ли элемент с документом, и как textContent устанавливает или возвращает текстовое содержимое элемента и его потомков. Эта статья будет полезна для разработчиков, которые работают с DOM в JavaScript.

Свойство baseURI:

Свойство baseURI возвращает базовый URI (унифицированный идентификатор ресурса) текущего документа. Это свойство может быть полезно, когда вы хотите определить полный адрес URL текущей страницы. Например, если вы работаете с элементом из DOM, который может быть включен в другой документ, вы можете использовать baseURI, чтобы получить правильный URL-адрес для текущего документа.

Пример:

console.log(document.baseURI); // http://example.com/index.html

Свойство isConnected:

Свойство isConnected возвращает логическое значение, указывающее, связан ли элемент с документом. Если элемент связан с документом, свойство isConnected возвращает true, в противном случае — false.

Это свойство может быть полезно при работе с динамическими элементами, такими как элементы созданные с помощью document.createElement(). Если элемент не был присоединен к документу, свойство isConnected вернет false.

Пример:

const div = document.createElement('div');
console.log(div.isConnected); // false

document.body.appendChild(div);
console.log(div.isConnected); // true

Свойство textContent:

Свойство textContent устанавливает или возвращает текстовое содержимое узла и всех его потомков. Это свойство может быть использовано для получения или изменения текста внутри элемента.

Пример:

const div = document.createElement('div');
div.textContent = 'Hello World';
console.log(div.textContent); // 'Hello World'