Question

检查类的 innerText 是否已定义

2021-11-09

847

javascript undefined setinterval innertext

我有一个 js 脚本，它正在提取类的内文本。有时该类未在网页上呈现，因此在这种情况下，内文本未定义。我想对此进行检查，以便忽略此错误。这是我编写的代码 ->

function myfunc() {          
    var button = document.getElementsByClassName('myclass');
    if (button[0].innerText !== undefined) {   
        console.log(button[0].innerText);
        clearInterval(x);
    } 
}

var x = setInterval(function() {
    myfunc();
}, 1)

因此，对于页面上没有该类的情况，我收到未定义的错误，因此我想检查一下。我在代码中使用了一个 if 条件，检查它是否为 !== undefined ，但这不起作用。有人可以建议一些其他方法吗？我收到的错误 ->

Uncaught TypeError: Cannot read property 'innerText' of undefined

Answer 1

这不起作用，因为 document.getElementsByClassName('myclass') 返回 0 个按钮，因此 button[0] 已未定义。

您可以使用 可选链 解决此问题：

if(button[0]?.innerText !== undefined){

如果 ? 之前的内容未定义，则左侧的值将自动未定义。

如果 button[0] 不存在/未定义，则 JS 甚至不会尝试获取 innerText 属性。

甚至更简单

只需检查长度：

if(button.length > 0) {

Answer 2

您只需在尝试 innerText 之前检查 button[0] 是否存在。我对其进行了一些清理，但这应该可以解决问题：

function checkForButton() {
   const button = document.querySelector('.myclass');
   if (button && button.textContent) {
     console.log(button.textContent);
     clearInterval(x);
   }
}