JavaScript的DOM编程--12--innerHTML属性
2015-09-25 18:24
686 查看
innerHTML属性:
1). 浏览器几乎都支持该属性, 但不是 DOM 标准的组成部分. innerHTML 属性可以用来读, 写某给定元素里的 HTML 内容
1). 浏览器几乎都支持该属性, 但不是 DOM 标准的组成部分. innerHTML 属性可以用来读, 写某给定元素里的 HTML 内容
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>Untitled Document</title> <script type="text/javascript"> //测试 innerHTML 属性 window.onload = function(){ var cityNode = document.getElementById("city"); alert(cityNode.innerHTML); //互换 #city 节点和 #game 节点中的内容. var tempHTML = cityNode.innerHTML; var gameNode = document.getElementById("game"); cityNode.innerHTML = gameNode.innerHTML; gameNode.innerHTML = tempHTML; } </script> </head> <body> <p>你喜欢哪个城市?</p> <ul id="city"><li id="bj" name="BeiJing">北京</li> <li>上海</li> <li id="dj">东京</li> <li id="se">首尔</li> </ul> <br><br> <p>你喜欢哪款单机游戏?</p> <ul id="game"> <li id="rl">红警</li> <li>实况</li> <li>极品飞车</li> <li>魔兽</li> </ul> <br><br> gender: <input type="radio" name="gender" value="male"/>Male <input type="radio" name="gender" value="female"/>Female <br><br> name: <input type="text" name="username" value="atguigu"/> </body> </html>
相关文章推荐
- JavaScript的DOM编程--11--插入节点
- JavaScript中的继承与原型链
- Web-Web/Json的请求与返回
- JavaScript的DOM编程--10--删除节点
- 浅谈 Html && Css && JavaScript(1)
- 滚动条响应鼠标滑轮事件实现上下滚动的js代码
- JavaScript数据检测
- 不开webServer让chrome能读取本地json等文件
- javascript学习笔记(一)
- jstack 线程状态
- json obj map 互转utils
- 移动开发js库Zepto.js应用详解
- 150925-周五不干活-HTML(CSS),Javascript
- JavaScript进阶内容1:各种对象类型检测
- js 正则表达式
- JSONP原理
- JS设计模式-工厂模式
- 解决IE8以上乱码
- Javascript 保存到本地
- javascript--内置函数