JavaScript Dom 编程艺术学习笔记之DOM操作
来源:互联网 发布:linux 社区 编辑:程序博客网 时间:2024/06/05 10:34
JavaScript Dom 编程艺术学习笔记之DOM操作
@(JavaScript)
- JavaScript Dom 编程艺术学习笔记之DOM操作
- dom方法获取元素和节点
- 节点属性
- JavaScript Dom 编程艺术学习笔记之DOM操作
1.dom方法获取元素和节点
- getElementById
返回给定id属性值的元素节点对应的对象document.getElementById(id)
例:document.getElementById("purchases")
- getElementByTagName
返回对象数组,每个对象分别对应文档中给定标签的一个元素。element.getElementByTagName(tag)
例:document.getElementByTagName(“li”)
- getElementByClassName
通过class属性中的类名访问元素。getElementByClassName(class)
例:document.getElementByClassName(“sale”)
- getAttribute
它是一个函数。参数为要查询参数的名字。只能通过元素节点调用。object.getAttribute(attribute)
var paras = document.getElementByTagName("p"); for (var i = 0; i< paras.length; i++){ alert(paras[i].getAttribute("title")); }
- setAttribute
对属性节点值做出修改object.setAttribute(attribute,value)
2.节点属性
- chileNodes属性
获取任意元素的所有子元素element.childNodes
var body_element.getElementByTagName("body")[0];body_element.childNodes
- nodeType属性
- 元素节点的nodeType属性值是1
- 元素节点的nodeType属性值是2
- 元素节点的nodeType属性值是3
阅读全文
0 0
- JavaScript Dom 编程艺术学习笔记之DOM操作
- javascript dom编程艺术学习笔记之CSS-DOM
- javascript dom编程艺术学习笔记之动态创建标记
- javascript dom编程艺术学习笔记之实现动画效果
- javascript DOM 编程艺术 学习笔记
- javascript DOM 编程艺术 学习笔记
- 《JavaScript DOM编程艺术》学习笔记<一>
- 《javascript+dom 编程艺术 》学习笔记
- 《javascript Dom编程艺术》学习笔记
- 《JavaScript Dom编程艺术》学习笔记01
- 《javascript dom编程艺术》学习笔记
- JavaScript DOM编程艺术 学习笔记(三)DOM
- 【第三章-DOM】javascript DOM 编程艺术-学习笔记
- JavaScript DOM编程艺术 笔记
- 《JavaScript DOM编程艺术》笔记
- 《JavaScript DOM编程艺术》笔记
- javascript DOM编程艺术 笔记
- JavaScript DOM编程艺术笔记
- 【js初学】9*9乘法表,javascript
- Spring5:@Autowired注解、@Resource注解和@Service注解
- jvm视角看java继承和多态
- 抽屉布局+Fragment+TabLayout上导航栏+PullToRefreshListView+轮播图+PullToRefreshGridView
- mybatis报Could not find result map java.lang.Integer之类的错误
- JavaScript Dom 编程艺术学习笔记之DOM操作
- 【第四周项目1】 建立单链表
- 第四周项目1
- Centos7的Docker容器里部署xwiki
- Xamarin.Forms XAML的辅助功能Code Snippet
- 实现分页功能
- tensowflow报错tensorflow.python.framework.errors_impl.InvalidArgumentError<exception str
- MySQL数据库(三)_视图_虚表
- MySQL BETWEEN 用法