JavaScript DOM学习总结(二)
2015-11-27 16:11
567 查看
获取和设置属性
DOM实在是个好东西,掌握了它我们不仅可以在JavaScript中使用,其它程序语言我们同样可以使用。接下来就一起使用DOM来干些实事吧!
1.getAttribute
getAttribute是一个函数,它只有一个参数———就是我们要查询的属性的名字。
<!DOCTYPE html> <html lang="en"> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <title>Test</title> <style></style> </head> <body> <p id="para" title="It's just a test !" >A example paragraph !</p> <script language="javascript"> var para=document.getElementById("para")//利用getElementById获取id为para的元素 var title=para.getAttribute("title");//获取title 属性 alert(title);//弹出对话框 It's just a test ! </script> </body> </html>
截图:
说明:getAttribute函数只能得到属性却无法修改属性,如果我们要修改属性还得靠它:
2.setAttribute
和getAttribute一样,setAttribute只能用于元素节点,setAttribute函数有两个参数,第一个是我们要修改的元素属性,第二个是我们要修改的内容,示例如下:
var para=document.getElementById("para")//利用getElementById获取id为para的元素 var title=para.setAttribute("title","Change title !");//修改title属性 alert(para.title);//弹出Change title
截图:
当然DOM的属性和方法不仅仅是只有这几个,如nodeName,nodeValue,childNodes,nextSibling等,这里就举这几个人例子。
Happy hacking !
相关文章推荐
- javascript 设计模式实践之策略模式--输入验证
- JavaScript DOM学习总结(二)
- js面向对象oop编程
- Sublime Text插件:HTML+CSS+JAVASCRIPT+JSON快速格式化
- js模块化开发——AMD规范
- js模块化开发——模块的写法
- 关于js中匹配字符时遇到的问题
- js 给元素绑定键盘回车事件
- PJSIP注册过程中保持VIA头域sent-by(发送原地址)不变
- js获取select标签选中的值
- Extjs中ajax请求当session失效时自动跳转
- js获取子元素
- JavaScript中的dom编程
- JVM性能调优监控工具jps、jstack、jmap、jhat、jstat使用详解
- javascript加载图片获取图片尺寸信息方法
- [Javascript Array] Array
- 关于学习JavaScript 的 高三编程 一些心得(二)
- js window.open()弹出窗口参数说明及居中设置
- js中变量和jsp中java代码中变量互相访问解决方案
- jstl <c:if>标签用法