如何选择第一个包含JavaScript或CSS内容的元素

有人能帮我选择第一个包含内容的元素吗，即我要选择的元素 文本内容为“Lorem Ipsum Dolor Sit Amet”的元素 这是第一个包含内容的元素

代码

我需要这个答案来为第一个

元素设置边框内容的样式

您可以尝试以下方法：

const ptags = document.querySelectorAll('p');   // select all p tag elements
  ptags.forEach((item) => {
    if(item.text) {. //check if they have any text
        // do something with item
    }
  });

您可以尝试以下方法：

const ptags = document.querySelectorAll('p');   // select all p tag elements
  ptags.forEach((item) => {
    if(item.text) {. //check if they have any text
        // do something with item
    }
  });

---

使用Javascript尝试此解决方案

const container=document.querySelectordiv.container；//获取父元素 常量元素=Array.fromcontainer.children；//将所有容器子元素转换为数组 const element=elements.findelement=>element.textContent；//查找包含内容的第一个元素 console.logelement；

Lorem Ipsum Dolor Sit Amet

那只灰褐色的狐狸跳过了那只懒狗

---

使用Javascript尝试此解决方案

const container=document.querySelectordiv.container；//获取父元素 常量元素=Array.fromcontainer.children；//将所有容器子元素转换为数组 const element=elements.findelement=>element.textContent；//查找包含内容的第一个元素 console.logelement；

Lorem Ipsum Dolor Sit Amet

那只灰褐色的狐狸跳过了那只懒狗

---

首先，关闭p标签，如下所示：

<p> some content </p>

---

首先，关闭p标签，如下所示：

<p> some content </p>

---

首先，CSS选择器可用于选择所有非空子级。然后简单地使用第0个元素

让nonEmptyChildren=document.queryselectoral'.container>p:not:empty'； 如果不是空的，则为长度{ nonEmptyChildren[0]。style.color='green'；//对第0个元素执行任何操作。 }

---

首先，CSS选择器可用于选择所有非空子级。然后简单地使用第0个元素

让nonEmptyChildren=document.queryselectoral'.container>p:not:empty'； 如果不是空的，则为长度{ nonEmptyChildren[0]。style.color='green'；//对第0个元素执行任何操作。 }

---

嘿，谢谢你的提问。到目前为止你试过什么？你看了吗？嘿，谢谢你的问题。到目前为止你试过什么？你看了吗？嗨，塔莎，谢谢你的回答，但实际上我需要的是选择第一个元素，当到达p标签，内容时，奎奇布朗狐狸跳过了懒狗。条件将满足tooHi Tushar，我感谢你的回答，但实际上我需要的是选择第一个元素，当到达带有内容的p标签时，quich brown fox跳过了懒狗。这一条件也将得到满足