JS在制定元素前/后添加元素

DOM操作：添加错误提示

最新推荐文章于 2025-01-17 15:20:56 发布

原创最新推荐文章于 2025-01-17 15:20:56 发布 · 2.3k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #ViewUI

js 专栏收录该内容

4 篇文章

订阅专栏

本文介绍了一种使用JavaScript在网页中动态添加错误提示的方法。通过创建新的`span`元素，并设置其样式和内容，可以将错误信息高亮显示在指定输入框附近。这种方式有助于提升用户体验，特别是在表单验证等场景下。

部署运行你感兴趣的模型镜像


function appendError (id, str) {
        var spanNew = document.createElement("span");// 创建span
        spanNew.id = id + "span";// 生成spanid
        spanNew.style.color = "red";
        spanNew.appendChild(document.createTextNode(str));// 给span添加内容
        var inputId = document.getElementById(id);
        inputId.parentNode.insertBefore(spanNew, inputId.nextSibling);// 给需要添加元素后面添加span
//如果需要在前面添加改成就可以了
inputId.parentNode.insertBefore(spanNew, inputId);// 给需要添加元素后面添加span
    }

您可能感兴趣的与本文相关的镜像