浅谈javascript中的DOM方法


Posted in Javascript onJuly 16, 2015

1:获取对象的三种方法

1)document.getElementById(id);通过对象的属性id来获取;

2)element.getElementByTagName(tag);通过标签名来获取;

3)element.getElementByClassName(class);通过属性类名来获取;

2:属性的set和get方法.

1)object.getAttribute(attribute);获取元素的属性.===>>>HTMLDOM: object.attribute;

2)object.setAttribute(attribute,value);设置元素的属性.====>>>HTMLDOM:object.attribute=value;

3:有关节点的一些属性

1)childNodes属性:返回一个数组.

element.childNodes[0]等价于element.firstChild

element.childNodes[element.childNodes.length]等价于element.lastChild

2)nodeType属性:共有12种可能的取值.但其中仅有3种具有使用价值

元素节点的nodeType=1

属性节点的nodeType=2

文本节点的nodeType=3

3)nodeValue属性:主要功能是改变元素中的文本内容功能类似object.innerHTML

例如:<p id="p">这是一个文本节点</p>

var p=document.getElementById("p");

p.childNodes[0].nodeValue="改变文本节点的内容";

这样就改变了p节点中的内容;

也可以这样实现:p.innerHTML="改变文本节点的内容";

以上所述就是本文的全部内容了,希望大家能够喜欢。

Javascript 相关文章推荐
用方法封装javascript的new操作符(一)
Dec 25 Javascript
用html+css+js实现的一个简单的图片切换特效
May 28 Javascript
JavaScript获取某年某月的最后一天附截图
Jun 23 Javascript
JavaScript设计模式之单件模式介绍
Dec 28 Javascript
js实现自定义路由
Feb 04 Javascript
JS简单获取日期相差天数的方法
Apr 24 Javascript
jQuery+Cookie实现切换皮肤功能【附源码下载】
Mar 25 jQuery
vue.js学习笔记之v-bind和v-on解析
May 03 Javascript
jQuery中元素选择器(element)简单用法示例
May 14 jQuery
详解基于DllPlugin和DllReferencePlugin的webpack构建优化
Jun 28 Javascript
Angular5.0 子组件通过service传递值给父组件的方法
Jul 13 Javascript
详解可以用在VS Code中的正则表达式小技巧
May 14 Javascript
详细分析JavaScript函数定义
Jul 16 #Javascript
jQuery时间轴插件使用详解
Jul 16 #Javascript
jQuery实现定时读取分析xml文件的方法
Jul 16 #Javascript
Javascript函数的参数
Jul 16 #Javascript
Javascript简单改变表单元素背景的方法
Jul 15 #Javascript
JavaScript基于ajax编辑信息用法实例
Jul 15 #Javascript
JavaScript实现对下拉列表值进行排序的方法
Jul 15 #Javascript
You might like
解析使用ThinkPHP应该掌握的调试手段
2013/06/20 PHP
在Mac OS上搭建Nginx+PHP+MySQL开发环境的教程
2015/12/21 PHP
php抽象方法和抽象类实例分析
2016/12/07 PHP
Yii实现微信公众号场景二维码的方法实例
2020/08/30 PHP
引入autocomplete组件时JS报未结束字符串常量错误
2014/03/19 Javascript
node.js中的http.response.getHeader方法使用说明
2014/12/14 Javascript
原生javascript实现图片滚动、延时加载功能
2015/01/12 Javascript
JS实现从连接中获取youtube的key实例
2015/07/02 Javascript
完善的jquery处理机制
2016/02/21 Javascript
Web程序员必备的7个JavaScript函数
2016/06/14 Javascript
原生js实现网易轮播图效果
2020/04/10 Javascript
Angular排序实例详解
2017/06/28 Javascript
表格展示利器 Bootstrap Table实例代码
2017/09/06 Javascript
bootstrap时间控件daterangepicker使用方法及各种小bug修复
2017/10/25 Javascript
手把手教你使用vue-cli脚手架(图文解析)
2017/11/08 Javascript
Vue中的methods、watch、computed的区别
2018/11/26 Javascript
[02:53]DOTA2亚洲邀请赛 NewBee战队巡礼
2015/02/03 DOTA
[00:43]魔廷新尊——痛苦女王至宝捆绑包
2020/06/12 DOTA
[01:00:14]DOTA2-DPC中国联赛 正赛 Ehome vs Elephant BO3 第二场 2月28日
2021/03/11 DOTA
Python列表解析配合if else的方法
2018/06/23 Python
python实现截取屏幕保存文件,删除N天前截图的例子
2019/08/27 Python
Python实现字符串中某个字母的替代功能
2019/10/21 Python
Python函数式编程指南:对生成器全面讲解
2019/11/19 Python
CSS3 实现童年的纸飞机
2019/05/05 HTML / CSS
Rentalcars.com中国:世界上最大的在线汽车租赁服务
2019/08/22 全球购物
大二法英学生职业生涯规划范文
2014/02/27 职场文书
八荣八耻的活动方案
2014/08/16 职场文书
八项规定个人对照检查材料思想汇报
2014/09/25 职场文书
党员自我评议对照检查材料
2014/09/27 职场文书
给朋友的道歉短信
2015/05/12 职场文书
2015年财务个人工作总结范文
2015/05/22 职场文书
火锅店的开业营销方案范本!
2019/07/05 职场文书
JS继承最简单的理解方式
2021/03/31 Javascript
Java面试题冲刺第十七天--基础篇3
2021/08/07 面试题
css3带你实现3D转换效果
2022/02/24 HTML / CSS
MySQL数据库事务的四大特性
2022/04/20 MySQL