Day6 JS dom对象

Dom对象

文档树模型，在网页被加载时，dom模型会同步被加载出来，任何一个标记都将变为一个文档dom对象
JS在操作时候，直接操作的是dom对象，而不是标记

查找html标记（将html元素变为dom对象）

getElementByID
根据id拿到元素，如果id重复，仅取第一个
getElementsByTagName
根据name（元素名字）拿到一组name符合的对象，只有1个时也是数组
getElementBsyClassName
根据classs到符合的对象

可进行的操作

• 改变元素内容
  innerHTML 追加内容（可继续写html文本) 其得不到表单元素（如input等）的值
  innterText 追加内容，纯文本，不会被解析为html

• 改变元素的属性
  dom对象.属性名称 = ‘被改变的值’

• 改变元素css样式
  1、得到css属性：dom对象.style.css属性名称
  2、赋值 dom.style.属性名称= ‘数据值’
  内部样式块、独立css设置的样式是不可被js得到但可修改，只有行内样式可被得到输出和修改。

• 常见事件及其添加方式
  1 onload 页面初始化
  2 onclick 按钮点击
  3 onfocus 获得焦点时触发
  4 onblur 失去焦点时触发
  ………………

1、js程序都是由事件驱动执行的。
2、在html元素的开始标记中设置事件，提供所要触发的函数
3、在jsdom对象为指定的元素添加具体事件。
方式 a 在html的标记中设置事件驱动方式=“调用函数” b 在函数中写清事件触发方式及获取的dom数据
onsubmit：a是给表单添加的，实际是表单元素在做提交 b格式需为 return+函数名，即需给予结果， c 需要有boolean的返回值，为0时候表单将不会提交