dom节点

documen方法

=document.querySelectorAll('')

=document.querySelector('')

=document.getElementById('ID名')

=document.getElementsByClassName('类名')

=document.getElementsByTagName('标签名')

=document.getElementsByName('name属性值')

=document.documentElement

=document.head

=document.body

=.innerHTML   /='更改的元素内容'

=.innerText   /='更改的元素内容'

=.getAttribute('属性名'||'data-index')

.setAttribute('属性名'||'data-index'，'属性值')

.removeAttribute('属性名'||'data-index')

=.src/='更改元素对象属性值'

=.alt/='更改元素对象属性值'

=.title/='更改元素对象属性值'

=/   .value    /='更改的属性值（内容值）'

=/   .type     /='更改的属性值'

.disabled=true|flase

.checked=ture|false

=/   .style.样式    /='样式值1'-----行内样式

.className='类名1 类名2 类名3..'

元素对象.classList.add('类名1')

window.getComputedStyle(获取的元素对象).width(类样式名)------获取非行内样式

元素对象.classList.remove('类')[去除class]||元素对象.element.className=''[赋值为'']

节点操作

父

.parentNode

.parlement

子

.childNodes

.firstChild

.lastChild

.children

兼容写法：元素对象.children[0]  || 元素对象.children[元素对象.lenth-1]

.firstElementChild

.lastElementChild

兄

.nextSibling 

.previousSibling

.nextElementSibling

.previousElementSibling

所有属性节点

.attributes

创

documen.createElement('标签[元素节点]')

添

父级元素对象.appendChild('创建元素节点')(将节点添加到父节点的子节点末尾)

父级元素对象.insertBefore('创建元素节点','指定元素')(将节点添加到父节点的指定子节点前面)

删

父级元素对象.removeChild('父级元素对象.children[0]')

移除的当前节点对象.remove() 

克隆

node(克隆的对象).cloneNode()--true||flasse

替换

父元素对象.replaceChild(新节点，旧节点)

创建文本节点

=document.careateTextNode('文本')

创建属性节点

=createAttribute: 创建属性节点

setAttruibuteNode: 给元素节点设置属性节点

主要针对元素

查

DOM： getElementById getElementByTagName

H5：     querySelector  querySelectorAll

节点：  parentNode parlement  
             children firstElementChild   lastElementChild  
             nextElementSibling   previousElementSibling

增加元素

        appendChild

        insertBefore

        node(克隆的对象).cloneNode()--true||flasse

        父元素对象.replaceChild(新节点，旧节点)

创建元素

        document.write

        innerHTML  [以数组效率最高]

        createElement [效率高 结构清晰]

删除元素

        removeChild

        remove

[改]元素内容
        =.innerHTML   /='更改的元素内容'

        =.innerText   /='更改的元素内容'

        =document.careateTextNode('文本')

[改]元素属性【内容、属性、表单值等】

        元素属性:         src、href、title等

        表单元素属性:  value type disabled等

        元素样式属性：       style className classList.add classList.remove

        =.getAttribute('属性名'||'data-index')
        .setAttribute('属性名'||'data-index'，'属性值')
        .removeAttribute('属性名'||'data-index')

                createAttribute: 创建属性节点
                setAttruibuteNode: 给元素节点设置属性节点