1、htmlDOM操作
(1)页面添加内容
document.write():向页面添加内容
document.innerHTML= :向页面添加内容
(2)css属性操作
document.xx.style.属性= :对元素添加css属性
(3)事件
onclick 点击事件
onlound:进入页面的时候触发
unonlound:离开界面时触发
onmouseover:鼠标划入的时候触发
onmouseout:鼠标划出的时候触发
onmousedown:点击鼠标时触发
onmouseup:点击后释放鼠标时触发
(4)添加事件
addEventlistener(‘click‘,function)
(5)html元素
创建元素:creatElement()
追加新元素到尾部:appendChild()
追加新元素到前面:insertBefore(newhtml,position)
删除已有的元素:parent.removeChild() 删除父节点下的某个元素
替换元素:replaceChild()
jq当中的dom操作
(1)获取内容
test():设置或获取所选元素的文本内容
html():设置或获取所选元素的文本内容(包含html标签)
val():设置或获取表单输入字段的值
attr():获取属性的值
(2)元素操作
添加:
append():在被选元素结尾添加元素/内容
preappend():在被选元素开题添加新的的元素/内容
after():在被选元素之后添加新的元素/内容
before():在被选元素之前添加新的元素/内容
删除:
remove():移除选中元素及其内部所有元素,可以添加一个参数,选择要删除的元素 例:remove(‘.demo‘)
empty():清空选中元素的内部所有元素
(3)css操作
addClass():为所选中的元素添加css样式
removeClass():移除所选元素的css样式
toggleClass() :实现所选元素添加/删除样式的切换