我如何删除用js制作的跨度文本？

Question

当有人在我的表单中输入第二次提供正确数据时，如何删除或隐藏文本？ 我的意思是当有人第一次给出不正确的文本时，会显示“名字不能为空”。 然后给出正确的数据，文本在那里但不可见。

        errorFunc(fname, 'First Name cannot be empty!')
    } else {
        successFunc(fname)
    }

    if (lastName === '') {
        errorFunc(lname, 'Last name cannot be empty!')
    } else {
        successFunc(lname)
    }

function errorFunc(req, message) {
    const formControl = req.parentElement;
    const span = formControl.querySelector('span');
    span.innerText = message;
    req.classList.add('error');
    span.classList.add('error-text');
    req.classList.remove('success');
}

function successFunc(req) {
    const formControl = req.parentElement;
    const span = formControl.querySelector('span');
    req.classList.add('success');
    req.classList.remove('error')
    span.classList.remove('error-text')
}

Answer 1

您有 2 个选项：

• 您可以使用.remove() function 删除跨度。

   span.remove()

• 您也可以维护 span 元素但删除文本。

   span.innerText = ""