DOM

Posted flyerya

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了DOM相关的知识,希望对你有一定的参考价值。

节点分为3种

元素节点,文本节点,属性节点

元素节点:div

属性节点:id=‘app’

文本节点:里面的内容

window.onload = function()

//会等html加载完毕后再执行



document.getElementById(‘box‘).id   //获取Id

document.getElementById(‘box‘).id = ‘person‘; //设置id

 

document.getElementById(‘box‘).title   //获取title

document.getElementById(‘box‘).title = ‘标题‘; //设置title

 

document.getElementById(‘box‘).style   //获取css对象

document.getElementById(‘box‘).style.color   //获取css对象的color

document.getElementById(‘box‘).style.color = ‘red‘; //设置css

 

document.getElementById(‘box‘).className   //获取class

document.getElementById(‘box‘).className = ‘box‘; //设置class

 

document.getElementsById();
document.getElementsByTagName();

 

以上是关于DOM的主要内容,如果未能解决你的问题,请参考以下文章

React虚拟dom中的key值

DOM事件: DOM事件级别DOM事件流DOM事件模型DOM事件捕获过程自定义事件

虚拟DOM(Virtual Dom) VS 影子DOM(Shadow Dom)

虚拟DOM(Virtual DOM)

关于DOM级别的一些问题,DOM0,DOM1,DOM2

DOM事件类