第八天

 

1、dom 常见的属性

   -- nodeName 节点名称

   -- tagName  元素的名称
   

   相同点 都是获取节点的名称

   不同点 nodeName继承node接口  tagName继承element接口

         element继承node接口 所有nodeName比tagName有更广

   的使用范围，nodeName可以获取所有的节点名称，tagName

   只能获取元素节点的名称，建议使用nodeName

   -- nodeType 获得节点的类型  1 元素 2 属性  3 文本

   -- nodeValue 获得节点的值

   -- innerHTML 向文本节点中写入值

   -- removeChild 删除子节点

   -- appendChild 添加子节点

   -- className 获得/设定 节点的CSS样式 （class=""）
  
2、dom 常见的方法
 
   -- setAttribute("属性名","属性值");  给某个对象添加属性

   -- getAttribute("属性名");   获得节点指定的属性值

   -- getElementByAttribute("属性名")  根据属性名获取节点，节点列表
  
   -- createElement("html标签名")   创建元素节点

   -- createTextNode("文本内容")    创建文本节点
   
 
  1、先制定出一些小的颜色区块

  2、字体大小的 连接
 
  dom-js-font.html
 
-dom 实现的隔行变色效果

  思路：

 1、定义两种不同的样式

 2、设定好表格的标题行

 

 3、获取所有的tr

 4、遍历、判断并设定表格背景颜色

    if(i%2==0){…}
   
  dom-js-gehang.html
 
 
-关于div等对象，比较多的内容处理方法

   1、不做任何处理，也就是默认情况下，当内容多的

时候，会自动的把我们的div给撑开

   2、overflow 处理当内容超出设定的框以后办法

        visible 默认值。内容不会被修剪，会呈现在元素框之外。

  hidden 内容会被修剪，并且其余内容是不可见的。

  scroll 内容会被修剪，但是浏览器会显示滚动条以便查看其余的内容。

  auto 如果内容被修剪，则浏览器会显示滚动条以便查看其余的内容。

  inherit 规定应该从父元素继承 overflow 属性的值。