时间戳

首页 > 解决方案 > HTML，Javascript：将新元素附加到当前空元素

javascript - HTML，Javascript：将新元素附加到当前空元素

问题描述

如何检查一个元素是否有内容（空格除外），然后如果该元素没有内容，则附加一个新元素？如果可能的话，只是纯javascript。

<div id="container">


</div>

如果容器只有空格，则：

<div id="container">EMPTY</div>

VS

<div id="container">I am not empty</div>

如果容器有内容（无需附加 EMPTY）：

<div id="container">I am not empty</div>

标签： javascripthtml

解决方案

您可以检查trimmedinnerHTML是否为空字符串：

document.querySelectorAll('div').forEach(div => {
  if (div.innerHTML.trim() === '') div.textContent = 'Empty';
});
<div></div>
<div>


</div>

<div>I am not empty</div>

推荐阅读