如果存在文本，则隐藏div - Javascript

在前端开发中，有时需要根据某些情况动态控制页面元素的显示和隐藏。本文将介绍如何使用 Javascript 实现条件判断，如果存在文本，则隐藏 div 元素。

实现方法

1. 获取 div 元素：首先，我们需要通过 JavaScript 中的 document.getElementById() 方法获取要操作的 div 元素。

let div = document.getElementById('myDiv');

2. 判断是否存在文本：然后，可以通过 JavaScript 中的 innerText 或 textContent 属性获取到 div 元素中的文本内容。使用 trim() 方法去除文本内容的首尾空格后，判断是否存在文本内容。

if (div.innerText.trim() !== '') {
  // 存在文本，需要隐藏 div
} else {
  // 不存在文本，不需要处理
}

3. 隐藏 div 元素：如果存在文本，可以通过设置 div 元素的 style.display 样式属性为 "none" 来隐藏该元素。如下所示：

div.style.display = 'none';

完整代码片段

let div = document.getElementById('myDiv');
if (div.innerText.trim() !== '') {
  div.style.display = 'none';
}

总结

实现条件隐藏 div 元素的方法非常简单，主要就是对文本内容进行判断，并根据结果来决定是否隐藏目标元素。掌握这个方法，在日常的前端开发工作中可以更好地控制页面元素的显示与隐藏。