15-07-31 javascript--DOM操作

DOM操作

1.window

alert()---一个按钮的对话框

confirm()---两个按钮的对话框，返回bool

open()---打开新窗口，返回打开的窗口window。三个参数：url target feature

close()---关闭窗口

setTimeout(code delay) setInteravel()

2.history

fonward()  back()   go()

3.location

reload()---重新加载网页

href---设置页面地址

4.document

找到元素：

getElementByid("id")-----根据id找，最多找到一个   

getElementByName("name")------根据name找，找出来的是数组   

getElementByTagName("name")------根据标签名找，找出来的是数组

操作元素：

① 操作属性

获得属性:getAttrbute("属性名")

设置属性：setAttrbute("属性名""属性值")

设置属性：setAttrbute("属性名""属性值")

② 操作样式

操作内联样式(style)：document.body.style.backgroundColor ="颜色"    整个窗口的背景色

操作className: a.className="样式表中的classname"   操作一批样式

③ 操作内容

表单元素---value:  alert(t.value)------获取input中的value值

非表单元素:innerHTML 获取div中的内容  innerText 只取里面的文字

④ 操作元素

找相关元素：找父元素---parentNode   找子元素---childrenNode

找同辈元素：下一个同辈元素---nextSibling   上一个同辈元素---previousSibling

操作相关元素：复制元素---cloneNode()   添加元素---appendChild()   删除元素---removeChild()   替换元素---replaceChild()