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 属性的值。