JavaScript DOM学习总结(二)
来源:互联网 发布:数据库脚本管理规范 编辑:程序博客网 时间:2024/05/21 21:04
获取和设置属性
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 !
0 0
- JavaScript DOM学习总结(二)
- JavaScript DOM总结(二、节点操作)
- JavaScript DOM基础知识总结(二)
- javascript学习笔记 (二)-DOM
- JavaScript学习笔记(二)---HTML DOM
- javascript dom 学习笔记(二)
- javascript 学习(二) BOM & DOM
- jquery学习总结(二) 操作DOM
- JS学习总结(二)- Dom编程
- JavaScript学习总结(二)
- JavaScript学习总结(二)
- JavaScript学习总结(二)
- DOM 总结(二)
- DOM 总结(二)
- JavaScript DOM(二)--DOM操作
- JavaScript DOM编程艺术学习笔记(二):动态标记
- JavaScript DOM编程艺术 学习笔记(二)语法
- JavaScript学习笔记(二)--JS HTML DOM
- SSH:Hibernate框架(Hibernate三种检索方式详解)
- OpenJudge_P0090 滑雪
- 线段树模板
- 自定义ListView的几种方法
- Saliency程序代码分享
- JavaScript DOM学习总结(二)
- 工业4.0,给我们的未来敲响了一个警钟
- XMLHttpRequest cannot load file:///D
- Java中List的排序
- JAVA自然语言处理NLP工具包
- Android SQLite数据库操作——增(二)
- 获取移动网络的状态及移动网络的开启与关闭
- 遍历MAP的4种方法
- 漫漫编程路