`
lws0402
  • 浏览: 108598 次
  • 性别: Icon_minigender_1
  • 来自: 成都
社区版块
存档分类
最新评论

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

    博客分类:
  • js
 
阅读更多
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
    }
分享到:
评论

相关推荐

    文档对象模型,对元素的各种操作

    在这些技术中,DOM(Document Object Model)是一个特别重要的概念,它是一个基于树形结构的文档表示,使得我们能够通过JavaScript对网页元素进行各种操作。 **DOM简介** DOM全称为文档对象模型,是W3C制定的一个...

    JavaScript 教程

    作为一种解释型语言,JavaScript 的代码在运行时不需预先编译,这使得开发者能够快速调试和修改代码。 - **发展历程**:虽然被称为“JavaScript”,但其官方标准名称实际上是 ECMAScript。这一标准由 ECMA 国际组织...

    JavaScript利用HTML DOM进行文档操作的方法_.docx

    // 将 a 元素添加到 p 元素内 pEle.appendChild(aEle); } ``` 以上内容详细介绍了如何使用 JavaScript 和 HTML DOM 来操作文档。通过这些方法,开发者可以实现对页面内容的动态管理和更新,从而增强网页的交互性...

    JavaScript基础知识总结

    JavaScript 被设计用来向 HTML 页面添加交互行为,通过在 HTML 中插入 JavaScript 代码,可以实现页面元素的动态操作和用户交互。 2. JavaScript 与 Java 的区别 尽管名字相似,但 JavaScript 和 Java 是两种不同...

    精通正则表达式基于.NET ASP PHP JSP JavaScript

    将数组元素连接为字符串.asp 构造制定字符串.asp 正向截取字符串.asp 正向查找字符串.asp 获取字符串长度.asp 第13章(/14/) Matches集合与Macth对象.asp ...

    JavaScript教案.docx

    通过在HTML元素上添加事件监听器,可以关联一个JavaScript函数,当事件触发时,函数会被执行。以下是一个简单的例子,当用户点击按钮时弹出一个警告框: ```html ('欢迎!')">点我!</button> ``` 在HTML文档中,...

    javascript的经典面试题汇总

    - **解析**:`setTimeout`函数用于在指定的毫秒数后调用一个函数或计算一个表达式,是全局函数。 - **选项E**: `alert` - **解析**:`alert`函数用于显示警告框,是全局函数。 **答案**: ABCDE #### 8. 关于...

    js插件clipboard实现复制文本的功能

    你可以在HTML元素上添加特定的数据属性,然后在初始化插件时配置这些元素的行为: ```html 要复制的文本">复制</button> <script src="path/to/clipboard.min.js"></script> var clipboard = new ClipboardJS('....

    js事件监听机制(事件捕获)总结

    JavaScript事件监听机制是前端开发中不可或缺的一部分,它用于处理页面元素的各种交互,如点击、鼠标移动等。在本文中,我们将深入探讨事件监听,特别是事件捕获这一概念,以及如何在不同的浏览器环境中实现兼容。 ...

    带节日节气农历的js万年历日期控件

    本文将详细讲解一个重要的JavaScript(js)控件:带节日节气农历的万年历日期控件。这个控件集成了公历、农历、节日和节气,提供了一种全面的日历显示和选择功能。 首先,我们来理解“农历”。农历,又称阴历,是...

    javascript面试题

    此 bug 在 IE6 中较为常见,解决方法是在元素上添加 `_display: inline` 或使用其他 CSS Hack。 **41、HTML 与 XHTML —— 二者有什么区别?** - **HTML**:更加宽松的语法。 - **XHTML**:严格遵循 XML 规则,...

    javascript.7zjavascript.7zjavascript.7zjavascript.7z

    Node.js使用JavaScript运行在服务器端,基于Chrome V8引擎,提供了丰富的文件系统API、网络通信能力,以及npm(Node Package Manager)包管理工具,方便开发者复用和分享代码。 9. **TypeScript** TypeScript是...

    Javascript入门学习第六篇 js DOM编程第1/2页

    在JavaScript中,DOM提供了一系列API,让我们能够创建、查找、修改和删除DOM节点。学习DOM编程,首先要理解几个关键概念: 1. **DOM树**:DOM树是HTML文档的结构化表示,每个HTML元素、属性和文本都是一个节点。...

    前端js代码规范

    ### 前端JS代码规范详解 #### 一、引言 随着前端技术的不断发展,JavaScript作为一门重要的编程语言,在Web开发中扮演着至关重要的角色。为了提高代码的可读性和可维护性,制定一套统一的编码规范显得尤为重要。...

    w3c schoole javaScript 开发指南 中文版

    12. **Node.js**:JavaScript也可以在服务器端运行,Node.js是一个基于Chrome V8引擎的JavaScript运行环境,提供了一套丰富的服务器端API,用于构建高性能网络应用。 本教程的"CodePub.Com说明.txt"可能包含有关该...

    JQuery兼容性较好的点击复制制定内容到剪贴板的js特效代码.zip

    在这个例子中,我们创建了一个`<p>`元素作为要复制的文本,并添加了一个`<button>`作为触发复制操作的元素。在JQuery的`$(document).ready()`函数中,我们实例化了一个`ClipboardJS`对象,关联到按钮元素,并提供了...

    DOM元素简介[文].pdf

    DOM使得动态网页成为可能,它允许开发者在页面加载后修改内容,实现诸如动画效果、交互式表单验证等功能。 W3C(全球信息网协会)制定了DOM的标准,确保不同浏览器对DOM的支持是一致的。随着浏览器技术的发展,DOM...

    w3school Javascript & jQuery教程 飞龙整理 20140930

    例如,使用 jQuery 的 `$(document).ready()` 函数可以在页面加载完成后执行代码,而 `$("#element").click(function() {...})` 可以给指定ID的元素添加点击事件。 总的来说,W3School 的教程涵盖了 JavaScript 和 ...

    javascript dom2 源码及pdf

    这个标准由W3C(万维网联盟)制定,允许开发者通过JavaScript或者其他兼容的语言来操纵网页内容、结构以及样式。在JavaScript DOM2中,主要包含了几个核心部分:核心DOM、事件DOM、HTML DOM以及XML DOM。 一、核心...

Global site tag (gtag.js) - Google Analytics