js判断div下有img标签

weixin_39983904

于 2020-12-03 14:22:42 发布

阅读量2.7k

点赞数

本文链接：https://blog.youkuaiyun.com/weixin_39983904/article/details/110530358

版权

此博客主要围绕使用JavaScript判断div元素下是否存在img标签展开，涉及前端开发中对页面元素的检测操作，有助于解决前端页面元素状态判断的相关问题。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<div v-show="false" id="content"></div>

后台数据
{
 code: 200,
 msg: "OK", 
 data: {
	content: "<div class="cc">123</div><div class="cc"><img src="xxx/2020/12/2ba57202012031313062387-940x548.jpg" alt=""></div><div class="cc">15555265↵55565656↵52223656</div>"
}}

document.getElementById('content').innerHTML = res.data.content
        const cal_arr = document.getElementsByClassName('cc')
        cal_arr.forEach(item => {
          if (item.childNodes[0].nodeName.toLowerCase() === 'img') {//我的数据返回是可以childNodes[0]做判断
            //有img，做处理
          } else {
            //没有img，做处理
          }
   })