js通过DOM技术，操作html标签内容的增删改查
文档节点：<html></html>的父节点,document
元素节点：html中所有标签，都是元素节点
1.document.getElementById(id属性值)，每次只返回一个元素节点对象
2.document.getElementByTagName（tag标签名称），每次返回一个集合列表对象，集合列表对象不能做具体操作，只有取到具体对象
列表对象[下标]，或者列表对象.item(下标);
3.firstChild,lastChild，子节点中的第一个和最后一个节点
4.nextSibling,previousSibling,兄弟节点的下一个节点和上一个节点
5.childNodes,所有子节点
节点的创建
document.createElement（'tag标签名'）：创建元素节点
document.createTextNode('string'):创建文本节点
元素节点.setAttribute('city','南宁'):给元素创建属性
元素节点A.appendChild(元素节点B):B作为子节点加在元素A最后面
复制节点
元素节点.cloneNode(true);
删除某个节点
父节点.removeChild(子节点)
子节点.parentNode.removeChild(子节点)
js事件操作
通过鼠标、键盘对浏览器页面所做的动作就是事件，事件一旦发生需要有事件处理，该处理称为“事件驱动”，事件驱动通常由函数担任
onclick:鼠标点击
onmouseover:鼠标移入
onmouseout:鼠标移出
onkeyup：键盘按下并抬起，就是按键盘事件
onkeydown：键盘按下
onchange：内容改变
onblur：失去焦点
onfocus：获取焦点
onsubmit：表单提交
dom1级方式对事件的设置：
1.<input type="text" οnclick=" 函数名称()"/>
function 函数名称(){}
2.itnode.οnclick=function(){}
3.itnode.οnclick=null 取消事件
js通过DOM技术，操作html标签内容的增删改查
文档节点：<html></html>的父节点,document
元素节点：html中所有标签，都是元素节点
1.document.getElementById(id属性值)，每次只返回一个元素节点对象
2.document.getElementByTagName（tag标签名称），每次返回一个集合列表对象，集合列表对象不能做具体操作，只有取到具体对象
列表对象[下标]，或者列表对象.item(下标);
3.firstChild,lastChild，子节点中的第一个和最后一个节点
4.nextSibling,previousSibling,兄弟节点的下一个节点和上一个节点
5.childNodes,所有子节点
节点的创建
document.createElement（'tag标签名'）：创建元素节点
document.createTextNode('string'):创建文本节点
元素节点.setAttribute('city','南宁'):给元素创建属性
元素节点A.appendChild(元素节点B):B作为子节点加在元素A最后面
复制节点
元素节点.cloneNode(true);
删除某个节点
父节点.removeChild(子节点)
子节点.parentNode.removeChild(子节点)
js事件操作
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
