DOM重点核心
//动态创建元素有3种方法
1.document.write() 如果页面文档加载完毕,在调用会导致页面重绘(不推荐)
2.innerHTML创建多个元素的效率更高(不要拼接字符串,采取数组形式拼接),结构稍微复杂。
3.document.createElement()创建多个元素效率稍微低一点,但是结构更清晰。
//增加
1.appendChild 在后面追加
2.insertBefore 在前面插入
//删
1.removeChild
//改
1.修改元素的属性:src,href,title等
2.修改普通元素的内容:innerHTML,innerText
3.修改表单元素:value,type,disabled等
4.修改元素样式:style,className
//查
1.DOM提供的API方法:getElementById,getElementByTagName古老用法不太推荐
2.H5新增加的方法:querySelector,querySelectorAll提倡
3.利用节点操作获取元素:父(parentNode),子(children)提倡
兄(previousElementSibling,nextElementSibling)提倡
//属性操作
1.setAttribute:设置dom的属性值
2.getAttribute:得到dom的属性值
3.removeAttribute移除属性
//事件操作
onclick,鼠标点击触发
onmouseover,鼠标经过触发
onmouseout,鼠标离开触发
onfocus,获得鼠标焦点触发
onblur,失去鼠标焦点触发
onmousemove,鼠标移动触发
onmouseup,鼠标弹起触发
onmousedown,鼠标按下触发文章来源:https://www.toymoban.com/news/detail-469776.html
文章来源地址https://www.toymoban.com/news/detail-469776.html
到了这里,关于【DOM重点核心--javascript】的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!