dom是什么属性(字母圈dom精神控制入门教程)

大家好，我是讯享网，很高兴认识大家。

选择器/获取DOM中的元和对象的集合:

1.varobox = document . getelementbyid(” box “)/获取指定元素的id，ID选择盲目行为的特征:只能选择第一个符合条件的元素/

2 . var abox = document . getelementsbyclassname(” box “)；/*类选择器返回一个数组，即使只有一个元素，它也是一个数组/

3.var AP = document . getelementsbytagname(” p “)/元素选择器，并返回数组/

4 . var ain put = document . getelementsbyname(” user “)；/name属性选择器，它返回数组/

5 . var AP = document . query selector all(” # box “)；/*返回一个数组，可以任意选择*/

6 . var obox = document . query selector(“。框”)；/*返回单个元素*/

DOM中的属性操作:

GetAttribute()获取属性值obj。get attribute(” attribute name “)不能对布尔类型的属性进行操作。例如:选中选定

SetAttribute()设置属性。

用法:

Obj.setAttribute(“属性名”，”值”)；

RemoveAttribute()删除元素的属性obj.removeAttribute(“属性名”)；一般情况下，setAttribute方法设置的属性会被删除。

对象。attributes //获取所有属性节点并返回一个数组(获取该元素节点的所有属性，数组循环取值)

节点指针:

1 . odiv . children；/根据腹肌选择所有子集并返回一个数组/

2 . OS pan . parent node；/返回元素的父元素/

3.物体。child nodes返回一组所有元素的子节点，包括空白色节点/

节点的属性:

节点的类型(节点类型)节点名(节点名)节点值(节点值)

元素1标记名为空

文本节点3 #文本文本

注释节点8 #注释注释文本

节点9 #文档为空

属性2属性名称属性值

高级节点指针/节点选择方法:

对象。第一个孩子

对象。最后一个孩子

对象。第一元素儿童

对象。lastElementChild

对象的上一个同级节点。预览/*/

对象。nextSibling /*获取下一个兄弟节点*/

对象。prveiouselementssibling/*获取上一个兄弟节点*/上一个不安分的兄弟。

对象。nextElementSibling /*获取下一个同级节点*/

物体。ownerDocument /*只需要知道获取这个节点的文档的根节点，相当于document*/

节点的操作:

-createElement创建元素节点document.createElement(元素标签)

创建节点-createAttribute创建属性节点document.createAttribute(元素属性)

-createTextNode创建文本节点document.createTextNode(文本内容)

– appendChild在已知节点的末尾添加appendChild。

插入节点

– insertsBefore在已知节点之前插入新节点insert。

Replace node – replaceChild用另一个replaceChicd(插入新元素，替换旧元素)替换一个子节点

复制节点-复制指定的节点。cloneNode(真/假)是需要复制的节点。

为true时，复制当前元素及其所有子节点；如果为false，则仅复制当前节点。

删除节点-简单元素。remove直接删除当前元素。

获取元素具有的定位属性:

一..offsetWidth/offsetHeight:元素的实际宽度/高度

2.clientWidth/clientHeight:元素窗口宽度/高度

3.scrollLeft/scrollTop滚动条到浏览器顶部的距离

4.offsetLeft:获取元素的定位属性。

5.offsetTop:定位属性的顶部。

6.offsetParent:获取具有定位属性的元素的最近的包含fast。

鼠标坐标属性:

PageX/pageY距文档窗口的距离

ClientX/clientY当页面没有滚动条时，离浏览器窗口的距离，结果和pageY的一样。

OffsetX/offsetY距目标元素的内部偏移量

屏幕x/屏幕y到屏幕窗口的距离z

操作页面元素js:

操作风格:

Obj.style.style name = value设置样式来操作样式

obj . style . CSS text = ” width:100px；高度:200pxfont-size:30px；”

获取样式的Obj.style.style名称(仅限于获取内联样式的px值)

属性(标签上的属性)操作:

Obj。属性名称=值设置属性

Obj。属性名获取属性值

操作:

表单内容操作:

Obj.value = value设置表单内容。

获取表单的内容

一般标签内容操作:

Obj.innerHTML = value设置标签内容。

Obj.innerHTML来获取标签内容