how to check if div content is empty?

ofroog answered on October 28, 2022 Popularity 5/10 Helpfulness 4/10

answer how to check if div content is empty?

related check if the_content is empty

how to check if div content is empty?

Comment

//You can check if a div element's content is empty by checking the textContent property 
//or the innerHTML property of the element.

let div = document.getElementById("example");
if (!div.textContent.trim()) {
  console.log("The div is empty");
}

//The textContent property returns the text content of an element and its
//descendants, including any text that is hidden by CSS styles.

//You can use the trim() method to remove any leading or trailing whitespace
//from the textContent property. This way you can check if the div is empty
//even if it has only whitespaces.

//You can also check if the content of a div element is empty by using the innerHTML property:

let div = document.getElementById("example");
if (!div.innerHTML) {
  console.log("The div is empty");
}

//The innerHTML property returns the HTML content of an element. 
//It returns an empty string if the element has no children.

Popularity 5/10 Helpfulness 4/10 Language javascript

Source: Grepper

Tags: javascript

Link to this answer
Share Copy Link

Contributed on Jan 19 2023

ofroog

0 Answers Avg Quality 2/10

Closely Related Answers

check if the_content is empty

Comment

if ( !empty( get_the_content() ) )

Popularity 2/10 Helpfulness 4/10 Language php

Source: gist.github.com

Tags: php is-empty

Link to this answer
Share Copy Link

Contributed on Oct 28 2022

Vin the fish

0 Answers Avg Quality 2/10

how to check if div content is empty?

Contents

More Related Answers

how to check if div content is empty?

Closely Related Answers

check if the_content is empty

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.