如何阅读文字“ 88”从以下HTML使用JavaScript

发布于 2025-01-22 17:40:52 字数 640 浏览 0 评论 0原文

如何使用JavaScript从以下HTML读取文本“ LE 88”。文本LE不是恒定的，它一直在变化。它既不包含ID的名称，也不包含班级名称。

 <body>
        <div id="Record">
            <div>
                <div>Grade A </div>
            </div>
            <div>19-04-2022
            </div>
            <div>
                <div>Subject H1
                </div>
                <div>
                    <div>LE 88
                    </div>
                </div>
            </div>
            <div>
            </div>
        </div>    
    </body>

原文

How to read text "LE 88" from the following HTML using Javascript. the text LE is not constant, it keeps on changing. It neither contains ID's, nor class names.

 <body>
        <div id="Record">
            <div>
                <div>Grade A </div>
            </div>
            <div>19-04-2022
            </div>
            <div>
                <div>Subject H1
                </div>
                <div>
                    <div>LE 88
                    </div>
                </div>
            </div>
            <div>
            </div>
        </div>    
    </body>

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

杯别 2025-01-29 17:40:52

您可以迭代DOM div并检查孩子。在这种情况下，带有文本的div没有任何孩子。因此，请使用儿童并检查textContent。如果找到匹配文本，请执行所需的操作

document.querySelectorAll('div').forEach((curr) => {
  const child = curr.children;
  if (child.length === 0 && curr.textContent.trim() === 'Marks 88') {
    curr.textContent = 'Marks 88 changed'
  }

})

<div>
  <div>
    <div>Grade A </div>
  </div>
  <div>19-04-2022</div>
  <div>
    <div>Subject H1</div>
    <div>
      <div>Marks 88</div>
    </div>
  </div>
  <div>
  </div>
</div>

You can iterate the dom div and check for the children. In this case the div with text does not have any child. So use children and check for the textContent. If the matching text is found do the required operation

document.querySelectorAll('div').forEach((curr) => {
  const child = curr.children;
  if (child.length === 0 && curr.textContent.trim() === 'Marks 88') {
    curr.textContent = 'Marks 88 changed'
  }

})

<div>
  <div>
    <div>Grade A </div>
  </div>
  <div>19-04-2022</div>
  <div>
    <div>Subject H1</div>
    <div>
      <div>Marks 88</div>
    </div>
  </div>
  <div>
  </div>
</div>

回复收藏 0 原文

~没有更多了~