Hello JavaScript Day02

10/DOM–document object modal—动态的安排页面元素
将整个文档作为一个节点树
找到目标元素节点:
单个节点:getElementById
某类节点:getElementsByTagName—标记名称

其他方法:obj.parentNode/nextSibling

操作某个节点:将html标记对象化
修改文本
使用属性写文本:.value,比如

<input type="text" value="">

标记之间写文本: .innerHTML
比如 span/div/label/li/h1/p
修改样式:集合属性子属性作为style属性的属性存在
o.style.color—修改单个样式
o.className = “”;—修改所有样式

添加新元素节点
createElement
appendChild(new):追加,作为最后一个
insertBefore(new,refNode)
替换旧的子节点
目标节点的父节点.replaceChild(new,old)
删除
目标节点的父节点.removeChild(target);

联动菜单/选择
获取下拉框的数据
obj.selectedIndex
obj.options
obj.options[2]

正则表达式 [a-z]{3}
结合string对象的三个方法使用:操作字符串
正则表达式对象:验证
var reg = /d{3}/;—-正则表达式对象
reg.test(string)—-bool

onclick
onmouseover
onmouseout
onblur
onchange 选择的值发生改变
某个事件里return false,取消事件 [媒体不可用]
课堂内容