文档章节

javascript之DOM基本操作(w3c标准)

bosscheng
 bosscheng
发布于 2014/11/12 14:19
字数 541
阅读 263
收藏 1

获取节点

// document
// method
document.getElementById("id");   通过元素的ID获取节点
document.getElementByName("name属性")  通过元素的name属性获取节点
document.getElementByTagName("元素标签")  通过元素标签获取节点
// 高级浏览器还支持的方法
document.getEmelentByClassName("类名")  通过元素的类名获取节点
document.querySelector()
document.querySelectorAll()

// 节点指针
父节点.firstChild  元素的首个子节点
父节点.lastChild   元素的最后一个子节点
父节点.childNodes  子节点列表
兄弟节点.previousSibling  获取已知节点的前一个节点
兄弟节点.nextSibling  获取已知节点的后一个节点
子节点.parentNode   获取节点的父节点

//


节点操作

// 创建节点

document.createElement("元素标签")   创建元素节点
document.createAttribute("元素属性")  创建属性节点
document.createTextNode("文本内容")  创建文本节点 

// 插入节点
appendChild("所添加的新节点")  向节点的字节列表的末尾天剑新的子节点
insertBefore("所要添加的新节点",“已知字节点”)  在已知的子节点前插入一个新的子节点

// 替换节点

replaceChild("要插入的新元素",“将要替换的老元素”)  将某一个子节点替换为另外一个

// 复制节点
被复制的节点.cloneNode(true/false)   创建指定节点的副本   true:复制当前节点和所有子节点, false:复制当前节点。

// 删除节点

removeChild(要删除的节点)  删除指定的节点


属性操作

// 获取属性
元素节点.getAttribute("元素属性名")  获取元素节点中指定属性的属性值
// 设置属性
元素节点.setAttribute("属性名","属性值")  创建或者改变元素节点的属性
// 删除属性
元素节点.removeAttribute("属性名") 删除元素中的指定属性


文本操作

// 文本操作
insertData(offset,string)  从offset指定的位置插入string
appendData(string)  将string插入到文本节点的末尾
deleteData(offset, count)  从offset起删除count个字符
replaceData(off,count,string)  从offset将count个字符用string替换
splitData(offset) 从offset起将文本节点分成两个节点
substring(offset,count) 返回由offset起的count个节点


© 著作权归作者所有

bosscheng
粉丝 81
博文 303
码字总数 95443
作品 0
南京
前端工程师
私信 提问
谈谈浏览器里的JavaScript

在许多的网页前端教学或是文章书籍当中,你可能常常听到这样的说法:「HTML、CSS 与JavaScript 是网页前端三大要素」,其中: HTML 负责资料与结构 CSS 负责样式与呈现 JavaScript 负责行为与...

米淇淋
前天
0
0
JavaScript的组成 | DOM/BOM

往期回顾 在上一期的《JavaScript的组成 核心-ECMAScript 》☜里,我们有说到JavaScript 是由三大部分组成,分别是:核心ECMAScript、文档对象模型-DOM、浏览器对象模型-BOM 那么本期就让我们...

我的卡
2018/11/19
0
0
HTML(超文本标记语言)之【动态网页】

HTML前面已经介绍,所以CSS和JavaScript就是我们今天的主要内容。 CSS全称是级联样式表(Cascading Style Sheets)。解决内容与表现分离的问题 样式解决了一个普遍的问题 HTML 标签原本被设计...

ayesd
2014/07/17
0
0
从Internet Explorer迁移到Mozilla

本文正在翻译中,原文请参考 Migrate apps from Internet Explorer to Mozilla 简介 当Netscape最初推出Mozilla浏览器的时候, 特别考虑对W3C标准的支持. 所以Mozilla并不对Netscape Navigato...

奔小康
2011/05/17
0
0
前端入门6-JavaScript客户端api&jQuery

声明 本系列文章内容全部梳理自以下四个来源: 《HTML5权威指南》 《JavaScript权威指南》 MDN web docs Github:smyhvae/web 作为一个前端小白,入门跟着这四个来源学习,感谢作者的分享,在...

请叫我大苏
2018/11/01
0
0

没有更多内容

加载失败,请刷新页面

加载更多

Jenkins系列_插件安装及报错处理

进入Jenkins之后我们可以进行插件的安装,插件管理位于以下模块: 发现上面报了一堆错误,是因为插件的依赖没有安装好,那么这一节,就先把这些错误解决掉吧。解决完成后,也就基本会使用插件...

shzwork
今天
2
0
mysql mysql的所有查询语句和聚合函数(整理一下,忘记了可以随时看看)

查询所有字段 select * from 表名; 查询自定字段 select 字段名 from 表名; 查询指定数据 select * from 表名 where 条件; 带关键字IN的查询 select * from 表名 where 条件 [not] in(元素...

edison_kwok
昨天
9
0
多线程同时加载缓存实现

import com.google.common.cache.Cache;import com.google.common.cache.CacheBuilder;import java.util.concurrent.ExecutionException;import java.util.concurrent.ExecutorServi......

暗中观察
昨天
3
0
利用VisualVM 内存查看

准备工作,建几个测试类。等下就是要查看这几个类里面的属性 package visualvm;public class MultiObject { private String str; private int i; MultiObject(String str...

冷基
昨天
2
0
组装一台工作游戏两用机

一、配置清单如下: 分类 项目 价格(元) 主板 华硕(ASUS)TUF Z370-PLUS GAMING II 电竞特工 Z370二代 支持9代CPU 1049 CPU 英特尔(Intel) i7 8700K 酷睿六核 盒装CPU处理器 2640 风扇 九...

mbzhong
昨天
4
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部