`
pany
  • 浏览: 88119 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
社区版块
存档分类
最新评论

JS document常用方法总结

阅读更多
    1.访问节点  
    document.getElementById(id);  
    返回对拥有指定id的第一个对象进行访问  
      
    document.getElementsByName(name);  
    返回带有指定名称的节点集合  
    注意:Elements  
      
    document.getElementsByTagName(tagname);  
    返回带有指定标签名的对象集合  
    注意:Elements  
      
    document.getElementsByClassName(classname);  
    返回带有指定class 名称的对象集合  
    注意:Elements  
      
    2.生成节点  
    document.createElement(eName);  
    创建一个节点  
      
    document.createAttribute(attrName);  
    对某个节点创建属性  
      
    document.createTextNode(text);  
    创建文本节点  
      
    3.添加节点  
    document.insertBefore(newNode,referenceChild);  
    在某个节点前插入节点  
      
    parentNode.appendChild(newNode);  
    给某个节点添加子节点  
      
    4.复制节点  
    cloneNode(true  |  false );  
    复制某个节点  
    参数:是否复制原节点的所有属性  
      
    5.删除节点  
    parentNode.removeChild(node)  
    删除某个节点的子节点  
    node是要删除的节点  
    注意:IE会忽略节点间生成的空白文本节点(例如,换行符号),而Mozilla不会这样做。在删除指定节点的时候不会出错,但是如果要删除最后一个子结点或者是第一个子结点的时候,就会出现问题。这时候,就需要用一个函数来判断首个子结点的节点类型。  
    元 素节点的节点类型是 1,因此如果首个子节点不是一个元素节点,它就会移至下一个节点,然后继续检查此节点是否为元素节点。整个过程会一直持续到首个元素 子节点被找到为止。通过这个方法,我们就可以在 Internet Explorer 和 Mozilla 得到正确的方法。  
      
    6.修改文本节点  
    appendData(data);  
    将data加到文本节点后面  
      
    deleteData(start,length);  
    将从start处删除length个字符  
      
    insertData(start,data)  
    在start处插入字符,start的开始值是0;  
      
    replaceData(start,length,data)  
    在start处用data替换length个字符  
      
    splitData(offset)  
    在offset处分割文本节点  
      
    substringData(start,length)  
    从start处提取length个字符  
      
    7.属性操作  
    getAttribute(name)  
    通过属性名称获取某个节点属性的值  
      
    setAttribute(name,value);  
    修改某个节点属性的值  
      
    removeAttribute(name)  
    删除某个属性  
      
    8.查找节点  
    parentObj.firstChild  
    如果节点为已知节点的第一个子节点就可以使用这个方法。此方法可以递归进行使用  
    parentObj.firstChild.firstChild.....  
      
    parentObj.lastChild  
    获得一个节点的最后一个节点,与firstChild一样也可以进行递归使用  
    parentObj.lastChild.lastChild.....  
      
    parentObj.childNodes  
    获得节点的所有子节点,然后通过循环和索引找到目标节点  
      
    9.获取相邻的节点  
    neborNode.previousSibling :获取已知节点的相邻的上一个节点  
    nerbourNode.nextSlbling: 获取已知节点的下一个节点  
      
    10.获取父节点  
    childNode.parentNode:得到已知节点的父节点 
 
分享到:
评论

相关推荐

    JavaScript基础知识及常用方法总结

    JAVASCRIPT是AJAX技术中不可或缺的一部分,所以想学好AJAX以及现在流行的AJAX框架,学好JAVASCRIPT是最重要的。 一、基础知识: 1.[removed](“”); 输出语句 2.JS中的注释为// 3.传统的HTML文档顺序是:document->...

    javascript常用方法总结

    1、JavaScript:写入 HTML 输出 代码如下: [removed](“<h1>This is a heading”); [removed](“<p>This is a paragraph”); 2、JavaScript:对事件...x=document.getElementById(“demo”) //查找元素 x[removed]

    总结常用JavaScript语法107条

    1.输出语句:document.write("") 2.JS中的注释为:// 3.传统的HTML文档顺序是:document->html->(head,body) 4.一个浏览器窗口中的DOM顺序是:window->(navigator,screen,history,location,document) 5.得到表单中元素的...

    WEB04-JS.rar

    使用JS完成简单的数据校验(document对象、事件、函数) 使用JS完成图片轮播效果(事件、定时操作) 使用JS完成页面定时弹出广告(总结BOM对象以及JS的引入方式) 使用JS完成表单的校验(总结常用事件)。 掌握JS的基本语法,...

    JavaScript刷新页面的几种方法总结

    1,reload 方法 该方法强迫浏览器刷新当前页面。 语法:location.reload([bForceGet]) 参数: bForceGet, 可选参数, 默认为 false,从客户端缓存里取当前页。true, 则以 GET 方式,从服务端取最新的页面, 相当于...

    JS事件绑定的常用方式实例总结

    本文实例讲述了JS事件绑定的常用方式。分享给大家供大家参考,具体如下: 常用的事件绑定的几种方式有三种: 直接在 dom 元素上进行绑定。 用 on 绑定。 用 addEventListener、attachEvent 绑定。 一、直接在 dom...

    javascript图解

    javascript总结,以图片的形式归纳javascript常用的函数已经注意事项

    JS常用正则表达式总结

     var obj = document.getElementById(“name”); if(!reg.test(obj.value)){ alert(“请输入数字!”); } if(!/^[0-9]*$/.test(obj.value)){ alert(“请输入数字!”); } }[removed]验证数字...

    JS中常用的消息框总结

    首先来看下运行效果 ...Document</title> [removed] function warn_info(){ alert(提示消息框); } function sure_info(){ if (confirm(确认删除吗?)){ alert(删除成功); } e

    一些常用且实用的原生JavaScript函数

    css及html方面的技巧总结,点此前往: 前端开发中一些常用技巧总结, 你还可以前往兰芝博客, 查看由淘宝UED整理的前端tips: http://www.12sui.cn/category/css/. 1. document.getElementById的简写: //...

    jQuery中的常用事件总结

    1.$(document).ready() $(document).ready()是jQuery中响应JavaScript内置的onload事件并执行任务的一种典型方式。它和onload具有类似的效果。但是也有一些差异: 当一个文档完全下载到浏览器中时,会触发[removed]...

    常见的原始JS选择器使用方法总结

    1.getElementById 这是最常用的选择器,通过id来定位: 例: var test=document.getElementById(“test”).value;//获取文档中id为test的元素的值,并赋值给test变脸 2.getElementsByName 例: var test=document....

    javascript获得当前的信息的一些常用命令

    本文内容很简单,给大家总结一下javascript获得当前的信息的一些常用命令 console.info(“document.URL=” + document.URL); console.info(“[removed].href=” + [removed].href); //console.info(“document....

    一些Javascript的IE和Firefox(火狐)兼容性的问题总结及常用例子

    1. document.formName.item(“itemName... 解决方法:统一使用document.formName.elements[“elementName”]. 2.集合类对象问题 说明:IE下,可以使用()或[]获取集合类对象;Firefox下,只能使用[]获取集合类对象. 解决方法

    值得收藏的八个常用的js正则表达式

    开发中如果有input输入框,难免就要写正则表达式,因此在这里总结了一些常见常用的正则表达式的书写方法,希望会大家有所帮助; 附图:  一.手机号码 $(document).ready(function(){ //判断输入手机号码是否...

    Java语言基础下载

    常用类方法说明 132 String的方法 132 正则表示式(Regular expression) 133 StringBuffer类 135 StringBuffer与String的区别 136 集合类的使用 136 实例分析 136 内容总结 153 独立实践 154 第十章:JAVA GUI概述 ...

    JavaWeb实验报告.doc

    二、实验原理 通过学习javascript的相关知识,了解javascript的语法,了解javascript的特性, 了解javascript的常用方法,掌握验证表单的方法,实现用户登录。 三、实验内容 网页代码:login.jsp <html> <head> ; ...

    asp.net知识库

    动态调用对象的属性和方法——性能和灵活性兼备的方法 消除由try/catch语句带来的warning 微软的应试题完整版(附答案) 一个时间转换的问题,顺便谈谈搜索技巧 .net中的正则表达式使用高级技巧 (一) C#静态成员和...

    亮剑.NET深入体验与实战精要2

    本书既考虑到实际开发中经常遇到的困惑和难题,也分析了解决问题的思路和方法,更总结出项目开发中不可或缺的技术点及思想。读者可以在欣赏一个个有趣例子的过程中,不知不觉具备开发真正商业项目的能力。 本书集...

    亮剑.NET深入体验与实战精要3

    本书既考虑到实际开发中经常遇到的困惑和难题,也分析了解决问题的思路和方法,更总结出项目开发中不可或缺的技术点及思想。读者可以在欣赏一个个有趣例子的过程中,不知不觉具备开发真正商业项目的能力。 本书集...

Global site tag (gtag.js) - Google Analytics