DOM基础-1
来源:互联网 发布:远程文件共享端口 编辑:程序博客网 时间:2024/06/05 05:22
DOM基础
childNodes和nodeType配合循环所有子节点
注:只使用childNodes会将文本节点算作子节点
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>无标题文档</title><script>window.onload=function(){ var oUl=document.getElementById('ul1'); for(var i=0;i<oUl.childNodes.length;i++){ if(oUl.childNodes[i].nodeType==1){ oUl.childNodes[i].style.background='red'; } } };</script></head><body><ul id="ul1"><li></li><li></li></ul></body></html>
children
<title>无标题文档</title><script>window.onload=function(){ var oUl=document.getElementById('ul1'); for(var i=0;i<oUl.children.length;i++){ oUl.children[i].style.background='red'; } };</script></head><body><ul id="ul1"><li></li><li></li></ul></body></html>
阅读全文
0 0
- DOM基础-1
- DOM-1 基础
- DOM基础-1
- jQuery基础-DOM篇1
- DOM 基础
- DOM基础
- DOM基础
- DOM基础
- Dom基础
- Dom基础
- DOM基础
- DOM基础
- DOM基础
- DOM基础
- DOM基础
- DOM基础
- DOM基础
- DOM基础
- Java 截取反斜杠--java使用split拆分特殊字符
- JDK&Tomcat&MyEclipse
- H5 使用 canvas 压缩并上传文件到Web服务器
- SHELL 脚本学习总结
- MYSQL不存在就创建数据库/表
- DOM基础-1
- 算法分析与设计课程(15):【leetcode】 Find Minimum in Rotated Sorted Array
- leetcode刷题记录--Two Sum
- webpack学习
- REST----表述性状态转移
- 28_面向对象_01_面向过程和面向对象的本质区别
- android studio 调用jni,实现Java调用C语言程序
- 自定义view(一)自定义属性
- LeetCode 题解(Week 14):468. Validate IP Address