码迷,mamicode.com
首页 > 其他好文 > 详细

DOM操作

时间:2015-08-26 15:22:10      阅读:112      评论:0      收藏:0      [点我收藏+]

标签:

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()

DOM操作

标签:

原文地址:http://www.cnblogs.com/dcdgmjzhal/p/4760260.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!