js,jq当中dom操作

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() :实现所选元素添加/删除样式的切换

js,jq当中dom操作

上一篇:react中css里面 class中的 图片的相对地址 完美解决 backgroundImage


下一篇:thinkphp5计算文件大小