日期:2014-05-16  浏览次数:20481 次

JavaScript DOM属性和方法

DOM属性和方法:

document、element、node方法document方法:

getElementById(id)??????????????????????????? 返回指定结点的引用
getElementsByTagName(name)?????? 返回文档中所有匹配的元素的集合
createElement(name)???????????????????????? 创建指定类型的新结点
createTextNode(text)???????????????????????? 创建一个纯文本结点

element方法:

getAttribute(id)?????????????????????????????????? 返回指定属性的值
setAttribute(id,value)???????????????????????? 给属性赋值
removeAttribute(id)?????????????????????????? 移除指定属性和它的值
getElementsByTagName(name)?????? 返回结点内所有匹配的元素的集合

node方法:

appendChild(child)???????????????????????????? 给指定结点添加一个新的子结点
removeChild(child)???????????????????????????? 移除指定结点的子结点
replaceChild(newChild,oldChild)?????? 替换指定结点的子结点
insertBefore(newChild,refChild)?????? 在同一层级的结点前面插入新结点
hasChildNodes()???????????????????????????????? 如果结点有子结点则返回true

node属性:

nodeName???????????????????????????????????????? 以字符串的格式存放结点的名称
nodeType?????????????????????????????????????????? 以整型数据格式存放结点的类型
nodeValue????????????????????????????????????????? 以可用的格式存放结点的值
parentNode??????????????????????????????????????? 指向结点的父结点的引用
childNodes???????????????????????????????????????? 指向子结点的引用的集合
firstChild??????????????????????????????????????????? 指向子结点结合中的第一个子结点的引用
lastChild???????????????????????????????????????????? 指向子结点结合中的最后一个子结点的引用
nextSibling???????????????????????????????????????? 获取对此对象的下一个兄弟对象的引用
previousSibling??????????????????????????????????? 获取对此对象的上一个兄弟对象的引用



特殊字符:


&-------------?? &

&lt;--------------?? <
&gt;--------------?? >
&apos;------------?? '
&quto;------------?? "



网页制作用字符:


· ℃ ~ Ψ


~? —? ‖? …? 【? 】? ×? ÷? ∶? ∥? ∮? ≈? ♂? ♀? £? §? ※

→? ←? ↑? ↓? ★? ☆? ˉ? —? ─? ━?? │? ┃? ┄? ┅


$~—~…∈⊙∫∮♂♀$¤£§☆★◎※①②③④⑤⑥⑦⑧⑨⑩


—→


&#171;---? &laquo;向左双箭头

&raquo;----? 向右双箭头

&bull;一个圆点

&hellip; … 汉语省略号
&rarr; → 右箭头
&sim; ~ 中间波浪线
&radic; √ 答案正确符号



document.title //设置文档标题等价于HTML的title标签
document.bgColor //设置页面背景色
document.fgColor //设置前景色(文本颜色)
document.linkColor //未点击过的链接颜色
document.alinkColor //激活链接(焦点在此链接上)的颜色
document.vlinkColor //已点击过的链接颜色
document.URL //设置URL属性从而在同一窗口打开另一网页
document.fileCreatedDate //文件建立日期,只读属性
document.fileModifiedDate //文件修改日期,只读属性
document.charset //设置字符集 简体中文:gb2312
document.fileSize //文件大小,只读属性
document.cookie //设置和读出cookie

———————————————————————
常用对象方法

document.write() //动态向页面写入内容
document.createElement(Tag) //创建一个html标签对象
document.getElementById(ID) //获得指定ID值的对象
document.getElementsByName(Name) //获得指定Name值的对象
document.body.appendChild(oTag)
———————————————————————

body-主体子对象

document.body //指定文档主体的开始和结束等价于body>/body>
document.body.bgColor //设置或获取对象后面的背景颜色
document.body.link //未点击过的链接颜色
document.body.alink //激活链接(焦点在此链接上)的颜色
document.body.vlink //已点击过的链接颜色
document.body.text //文本色
document.body.innerText //设置body>…/body>之间的文本
document.body.innerHTML //设置body>…/body>之间的HTML代码
document.body.topMargin //页面上边距
document.body.leftMargin //页面左边距
document.body.rightMargin //页面右边距
document.body.bottomMargin //页面下边距
document.body.backgr