js中Dom的属性及一些使用方法

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了js中Dom的属性及一些使用方法相关的知识,希望对你有一定的参考价值。

元素对象标准属性(所有对象都有的)

#form中比如action,method就是标准属性

obj.id;

obj.className;

obj.style;

obj.title;

元素对象非标准属性

(以下方法也可用于标准属性)

1.obj.getAttribute(‘age‘)  获取对象属性

2.obj.setAttribute(‘age‘,‘20‘);  设置对象属性

3.obj.removeAttribute(‘age‘);移除对象属性

元素对象js属性

obj.tagName;  标签名

obj.innerhtml标签中间的内容

obj.outerHTML;  标签的全部内容(即包含标签)

obj.textContent;  标签的文字内容



‘*‘js中的通配符

//创建元素,增添子节点,在。。前增添,删除子节点

document.createElement(标签名)

appendChild(节点)从原来的父级删掉,加到新的父级

insertBefore(节点,原节点)

removeChild(节点)


本文出自 “Rcid” 博客,请务必保留此出处http://13419255.blog.51cto.com/13409255/1976153

以上是关于js中Dom的属性及一些使用方法的主要内容,如果未能解决你的问题,请参考以下文章

JS中的DOM对象及JS对document对像的操作

JavaScript基础及函数,BOM,DOM的节点及DOM节点操作

DOM / jQuery创建节点及节点属性

JS DOM的用法及应用

js中DOM 节点的一些操作方法

js操作DOM对象及怎么获取浏览器宽高