DOM

Posted 我勒个去YCQ

tags:

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

第一步:取对象
var div1 = document.getElementById(\'div1\');
var div2 = document.getElementsByClassName(\'div2\')[0];

第二步:操作对象
1,改内容
div1.innerhtml = "<b>加粗</b>"
div2.innerText = "<b>加粗</b>";
2,改样式
div1.style.color = "red";
div1.style.fontFamily = "华文彩云";
3,改属性
div1.setAttribute(\'class\',\'class1\')
div1.removeAttribute(\'style\');
4,加事件
div1.onclick = function(){
alert("点击事件触发");
div1.setAttribute(\'class\',\'class2\');
}

造元素
var new_div = document.createElement(\'div\');
改样式/改内容.....
new_div.innerHTML = "新元素";
document.body.appendChild(new_div);//增加
document.body.removeChild(new_div);//删除

 

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

React虚拟dom中的key值

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

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

虚拟DOM(Virtual DOM)

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

DOM事件类