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的主要内容,如果未能解决你的问题,请参考以下文章
DOM事件: DOM事件级别DOM事件流DOM事件模型DOM事件捕获过程自定义事件