javascript复习第二天查找DOM对象
来源:互联网 发布:2017网络用语二次元 编辑:程序博客网 时间:2024/06/08 03:24
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"><head> <meta http-equiv="Content-Type" content="text/html;charset=UTF-8"> <title>Document</title></head><body> <h1>hello world</h1> <div id = "demo1"> <p>p1</p> <p id = "p2">p2</p> <p>p3</p> </div> <div class="test1">class</div> <input type="text" name = "username" value = "123"/></body><script>//id查找dom对象 console.log(document.getElementById('demo1'));//返回的是一个div标签元素//标签查找dom对象 console.log(document.getElementsByTagName('p'));//返回的是一个对象集合 console.log(document.getElementsByTagName('p')[0].innerHTML="1");//修改p标签内容//name查找dom对象 console.log(document.getElementsByName("username"));//返回的是一个节点列表 document.getElementsByName("username")[0].value = "aaa";//类名查找dom对象 console.log(document.getElementsByClassName("test1"));//返回的是一个对象集合 document.getElementsByClassName("test1")[0].style.background="red";//修改test1的class背景为红色//子节点 console.log(document.getElementById("demo1").children[0].innerHTML);//查找子元素集合下标为0的值,并修改内容 console.log(document.getElementById("demo1").children);//返回的是一个标签集合//父节点 console.log(document.getElementById('p2').parentNode);//的到的是父元素的节点</script></html>
0 0
- javascript复习第二天查找DOM对象
- JavaScript HTML DOM 对象复习篇(1)
- javascript复习第二天删除元素节点
- 【javascript培训第二天】DOM与BOM
- 【javascript培训第二天】DOM与BOM
- JavaScript--第二天,面向对象
- 第二天javascript面向对象
- JavaScript对象复习
- JavaScript DOM对象结构图
- javascript,XML DOM,对象
- JavaScript文档对象(DOM)
- JavaScript HTML DOM 对象
- javascript的dom 对象
- javascript的dom 对象
- javascript之Dom对象
- javascript中的dom对象
- javascript DOM对象
- javascript的dom 对象
- JS apply和call用处和用法
- html5 轻量级炫酷 js 粒子动画库
- 函数式宏定义
- 计算机组成.计算机在计算啥.运算与ALU
- Java多线程编程7--线程中的异常处理
- javascript复习第二天查找DOM对象
- iOS初始化一个高德地图大概需要多少东西
- android优化之java代码优化
- 开篇
- Java将CST的时间字符串转换成需要的日期格式字符串
- AndroidStudio好用的插件
- C++ 11 (六)
- 用Spring MVC优雅的实现301跳转
- 2015年宏观经济总结和2016年猜想