浅谈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 相关文章推荐
载入进度条 效果
Jul 08 Javascript
学习ExtJS Column布局
Oct 08 Javascript
非主流的textarea自增长实现js代码
Dec 20 Javascript
javasciprt下jquery函数$.post执行无响应的解决方法
Mar 13 Javascript
jQuery中insertAfter()方法用法实例
Jan 08 Javascript
Jquery针对tr td的一些实用操作方法(必看篇)
Oct 05 Javascript
简易的JS计算器实现代码
Oct 18 Javascript
简单实现js上传文件功能
Aug 21 Javascript
bootstrap Table服务端处理分页(后台是.net)
Oct 19 Javascript
zTree树形菜单交互选项卡效果的实现方法
Dec 25 Javascript
浅谈React 服务器端渲染的使用
May 08 Javascript
vue中的双向数据绑定原理与常见操作技巧详解
Mar 16 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
分页显示Oracle数据库记录的类之二
2006/10/09 PHP
WML,Apache,和 PHP 的介绍
2006/10/09 PHP
《PHP编程最快明白》第二讲 数字、浮点、布尔型、字符串和数组
2010/11/01 PHP
php中计算程序运行时间的类代码
2012/11/03 PHP
一个非常完美的读写ini格式的PHP配置类分享
2015/02/12 PHP
PHP模板引擎Smarty内置变量调解器用法详解
2016/04/11 PHP
浅析PHP中json_encode与json_decode的区别
2020/07/15 PHP
js的event详解。
2006/09/06 Javascript
javascript options属性集合操作代码
2009/12/28 Javascript
分析Node.js connect ECONNREFUSED错误
2013/04/09 Javascript
js取模(求余数)隔行变色
2014/05/15 Javascript
js,jquery滚动/跳转页面到指定位置的实现思路
2014/06/03 Javascript
浅析javascript的间隔调用和延时调用
2014/11/12 Javascript
jQuery多媒体插件jQuery Media Plugin使用详解
2014/12/19 Javascript
深入分析Javascript跨域问题
2015/04/17 Javascript
jquery带有索引按钮且自动轮播切换特效代码分享
2015/09/15 Javascript
vue实现验证码输入框组件
2017/12/14 Javascript
angular中子控制器向父控制器传值的实例
2018/10/08 Javascript
JavaScript中的垃圾回收与内存泄漏示例详解
2019/05/02 Javascript
Python提取网页中超链接的方法
2016/09/18 Python
你所不知道的Python奇技淫巧13招【实用】
2016/12/14 Python
使用Python爬了4400条淘宝商品数据,竟发现了这些“潜规则”
2018/03/23 Python
python判断设备是否联网的方法
2018/06/29 Python
实例详解Python装饰器与闭包
2019/07/29 Python
python如何实现不可变字典inmutabledict
2020/01/08 Python
matplotlib.pyplot.plot()参数使用详解
2020/07/28 Python
解决python便携版无法直接运行py文件的问题
2020/09/01 Python
详解python 支持向量机(SVM)算法
2020/09/18 Python
Zatchels官网:英国剑桥包品牌
2021/01/12 全球购物
大学生找工作求职信
2014/07/09 职场文书
关于成绩下滑的自我检讨书
2014/09/20 职场文书
居住证明范文
2015/06/17 职场文书
单位车辆管理制度
2015/08/05 职场文书
浅谈vue2的$refs在vue3组合式API中的替代方法
2021/04/18 Vue.js
Java循环队列与非循环队列的区别总结
2021/06/22 Java/Android
数据分析数据库ClickHouse在大数据领域应用实践
2022/04/03 MySQL