JavaScript HTML DOM
来源:互联网 发布:指纹识别算法 排名 编辑:程序博客网 时间:2024/06/06 04:14
改变 HTML 输出流
实例
JavaScript 能够创建动态的 HTML 内容:
今天的日期是: Mon Dec 11 2017 10:11:45 GMT+0800 (中国标准时间)
在 JavaScript 中,document.write()
可用于直接向 HTML 输出流写内容。
<!DOCTYPE html><html><body><script>document.write(Date());</script></body></html>
提示:绝不要使用在文档加载之后使用 document.write()
。这会覆盖该文档。
改变 HTML 内容
修改 HTML 内容的最简单的方法时使用 innerHTML 属性。
如需改变 HTML 元素的内容,请使用这个语法:
document.getElementById(id).innerHTML=new HTML
实例
本例改变了<h1>
元素的内容:
<!DOCTYPE html><html><body><h1 id="header">Old Header</h1><script>var element=document.getElementById("header");element.innerHTML="New Header";</script></body></html>
例子解释:
- 上面的 HTML 文档含有
id="header"
的<h1>
元素 - 我们使用 HTML DOM 来获得
id="header"
的元素 - JavaScript 更改此元素的内容
(innerHTML)
改变 HTML 属性
如需改变 HTML 元素的属性,请使用这个语法:
document.getElementById(id).attribute=new value
实例
本例改变了 <img>
元素的 src
属性:
<!DOCTYPE html><html><body><img id="image" src="smiley.gif"><script>document.getElementById("image").src="landscape.jpg";</script></body></html>
例子解释:
- 上面的 HTML 文档含有
id="image"
的<img>
元素 - 我们使用 HTML DOM 来获得
id="image"
的元素 - JavaScript 更改此元素的属性(把
"smiley.gif"
改为"landscape.jpg"
)
阅读全文
0 0
- javascript 操作 HTML DOM
- javascript 操作 HTML DOM
- javascript 操作 HTML DOM
- javascript 操作 HTML DOM
- javascript 操作 HTML DOM
- HTML DOM & JavaScript & CSS
- JavaScript HTML DOM 对象
- HTML、JavaScript、Dom、css
- JavaScript HTML DOM
- JavaScript HTML DOM 事件
- JavaScript HTML DOM
- JavaScript HTML DOM 事件
- JavaScript HTML DOM 事件
- JavaScript HTML DOM 对象
- javascript--- HTML DOM
- Html、CSS、DOM、JavaScript
- JavaScript HTML DOM随笔
- JavaScript HTML DOM
- 基于DFA敏感词查询的算法简析
- LeetCode.178 Rank Scores
- Swift Language Version” (SWIFT_VERSION) build setting must be set to a supported value for targets w
- 单点登录原理与基本实现
- SSM框架——详细整合教程(Spring+SpringMVC+MyBatis)
- JavaScript HTML DOM
- JUnit基础用法
- 多周期和错误路径的基础知识---凯利讯半导体
- swift Alamofire 中的RequestAdapter与RequestRetrier
- [大数据入门-hadoop基础]eclipse远程调试虚拟机中的hadoop2.7.4
- jqgrid导出excel(符合查询结果的所有,非当前页)
- JDBC笔记(三)数据库连接池
- hibernate缓存机制详细分析
- 安卓异步任务