javascript拓展DOM操作 prependChild insertAfert

以下是自己写的一个拓展函数，虽然网上已经有了，仅当做自己练兵。。。


代码如下:

function prependChild(o,s){
if(s.hasChildNodes()){
s.insertBefore(o,s.firstChild);
}else{
s.appendChild(o);
}
}
function insertAfert(o,s){
if(s.nextSibling!=null){
s.parentNode.insertBefore(o,s.nextSibling);
}else{
s.parentNode.appendChild(o);
}
}

赞 (0)

相关推荐

  • JavaScript基于DOM操作实现简单的数学运算功能示例

    本文实例讲述了JavaScript基于DOM操作实现简单的数学运算功能.分享给大家供大家参考,具体如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"

  • js四舍五入数学函数round使用实例

    js中的round函数可以用来对数字进行四舍五入处理,它针对的是小数点后面的第一位数字进行计算.round函数可以对数字取整,它是一个四舍五入函数,下面来看看round的语法: 复制代码 代码如下: Math.round(number) 下面来看几个范例: 复制代码 代码如下: document.write(Math.round(2.65));// print 3document.write(Math.round(7.05));// print 7document.write(Math.roun

  • javascript中HTMLDOM操作详解

    javascript中HTMLDOM操作详解

    一.定义:htmlDOM是一种面向对象的树的模型,它包含html中的所有元素:通过html可以找到所有包含在dom中的元素. 二.作用: 1.查找html元素 1)通过id查找元素(document.getElementById();) <div id="d" ></div> var x=document.getElementById("d"); 2)通过标签名查找元素 <div id="m"></div

  • 简单实现JS对dom操作封装

    这篇文章主要介绍了JS简单实现对dom操作封装,下面就直接上代码: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head>

  • js使用DOM操作实现简单留言板的方法

    js使用DOM操作实现简单留言板的方法

    本文实例讲述了js使用DOM操作实现简单留言板的方法.分享给大家供大家参考.具体分析如下: 如图所示简易留言板,也就是自娱自乐版,说白了就是练习DOM操作. 要点一:document.createElement("标签名") 新建元素 要点二:父元素.appendChild("元素")  把新建的元素插入到页面的标签中(在标签的最后一个显示),这样才会在浏览器中显示出来 要点三:父元素.insertBefore("元素","要插入哪个元

  • JavaScript DOM操作表格及样式

    一 操作表格 <table>标签是HTML中结构最为复杂的一个,我们可以通过DOM来创建生成它,或者HTMLDOM来操作它; // 使用DOM来创建表格; var table = document.createElement('table'); table.border = 1; table.width = 300; var caption = document.createElement('caption'); table.appendChild(caption); caption.appe

  • javascript DOM操作之动态删除TABLE多行

    DOM动态删除TABLE多行 function $(objId){ return document.getElementById(objId); } function del_tbl(tblN,ckN){ var ck = document.getElementsByName(ckN); var tab = $(tblN); var rowIndex; for(var i=0;i 2 3 第一行 1 第二行 2 第三行 3 第四行 4 第五行 5 [Ctrl+A 全选 注:如需引入外部Js需刷新

  • Javascript中的数学函数集合

    在Javascript中,数学方法可以分成以下几类: constans(常数).power functions(乘方函数).trigonometic functions(三角函数).rounding functions(舍入函数).random numbers(随机数字) 引用 常数和乘方函数 Math.E  自然对数的底(为常数)  2.718   Math.LN10  10的自然对数  2.302   Math.LN2  2的自然对数  0.693   Math.PI  圆周率  3.141

  • JavaScript中的数学运算介绍

    JavaScript中,数学运算可藉由两种操作来实现: 1.+.-.*./.%等操作符. 2.使用Math对象的计算函数.比如,用Math.pow(2,3)来计算2的3次方. 与Java不同,JavaScript中的数学运算不会抛出任何错误.计算结果的溢出.除以0.对负数进行开方这些操作都是合法的,其结果为JavaScript中的特殊值:正负Infinity(无限).正负0.NaN(非数): 1.正负Infinity.当计算结果比JavaScript所能表示的最大数(Number.MAX_VAL

  • JS数学函数Exp使用说明

    计算ex摘要 Math.exp(x) 参考 x 数值或表达式,被用作指数. 返回值 ex,即e的x次幂.这里e代表自然对数的底数,其近似为2.71828. exp()语法如下: 复制代码 代码如下: Math.exp(x) ; Math.exp()范例: 复制代码 代码如下: <script language='JavaScript' type='text/JavaScript'> <!-- document.write(Math.exp(2)); // output is 7.3890

  • 轻松掌握JavaScript中的Math object数学对象

    对于内置的Math数学常项和函数也有一些属性和方法. 比方说, Math对象的 PI 属性会有属性值 pi (3.141...),你可以像这样调用它: Math.PI 同理,标准数学函数也是Math的方法. 这些包括三角函数​​,对数,指数,和其他函数.比方说你想使用三角函数 sin, 你可以这么写: Math.sin(1.56) 需要注意的是Math的所有三角函数参数都是弧度制. 和其他对象不同,你不能够创建一个自己的Math对象.你只能使用内置的Math对象. eg: 1.min( )和ma

  • javascript dom操作之cloneNode文本节点克隆使用技巧

    true:完全的复制一个节点,什么叫完全呢,就是复制一切,包括他的子节点,以至于文本节点,凡是有的,一律克隆,所谓完全 false:只克隆当前节点,不克隆任何的子节点,当然也不会克隆他所包裹的文本,因为任何文本都有指向他的节点(文本节点) 当然有时候两者是可以通用的哦,如果要复制的节点没有任何的子节点,这是二者全等:比如 img... 为了让大家理解的更为深刻,举个小例子吧: 复制代码 代码如下: <div> <span>Shadow</span> |No Shadow

随机推荐