使用javascript仅隐藏div内容，而不隐藏div的图片和边框

我只想隐藏div内容，不想隐藏div边框和图像以及div的宽度。代码如下：

<div>
    <img src="image.jpg">
        1
    </img>
</div>

1.

---

这个div还包含边框和图片。我只想在div中隐藏1。如何使用javascript实现它？

好的，您的HTML一开始是无效的，因为图像标记没有结束标记。那么，让我们假设这就是你现在拥有的：

<div>
    <img src="image.jpg">
    1
</div>

使用一些jQuery，您可以像这样轻松地隐藏它：

$('#contentToHide').hide();

或者，使用纯Javascript：

document.getElementById('contentToHide').style.display = 'none';

---

1并且此div还包含borderwrapp，将内容包装在其自己的标记中，并仅隐藏该标记。您的HTML无效

img

元素没有结束标记，也不包含其他数据。您可以隐藏所有子元素，但需要将要隐藏的项目包装在div或容器中-请参见div标记类似于：1我想隐藏1，但不想隐藏image@Ali-我提供给您的方法会隐藏1，但不会隐藏图像@阿里：请看这个工作演示：

document.getElementById('contentToHide').style.display = 'none';