JavaScript DOM学习总结(二)
2015-11-27 16:08
477 查看
获取和设置属性
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 !
相关文章推荐
- JQuery1——基础($对象,选择器,对象转换)
- Android学习笔记(二九):嵌入浏览器
- Android java 与 javascript互访(相互调用)的方法例子
- JavaScript演示排序算法
- javascript实现10进制转为N进制数
- 2019年开发人员应该学习的8个JavaScript框架
- HTML中的script标签研究
- 对一个分号引发的错误研究
- 异步流程控制:7 行代码学会 co 模块
- ES6 走马观花(ECMAScript2015 新特性)
- JavaScript拆分字符串时产生空字符的原因
- Canvas 在高清屏下绘制图片变模糊的解决方法
- JavaScript 各种遍历方式详解
- call/apply/bind 的理解与实例分享
- 如何创建对象以及jQuery中创建对象的方式
- IE8开发人员工具教程(二)
- Mootools 1.2教程 函数