吴裕雄--天生自然 JAVASCRIPT开发学习: DOM - 改变 HTML
2024-10-04 00:23:11
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程(runoob.com)</title>
</head>
<body> <script>
document.write(Date());
</script> </body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程(runoob.com)</title>
</head>
<body> <p id="p1">Hello World!</p>
<script>
document.getElementById("p1").innerHTML="新文本!";
</script>
<p>以上段落通过脚本修改文本。</p> </body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程(runoob.com)</title>
</head>
<body> <h1 id="header">旧标题</h1>
<script>
var element=document.getElementById("header");
element.innerHTML="新标题";
</script>
<p>"旧标题" 被 "新标题" 取代。</p> </body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程(runoob.com)</title>
</head>
<body> <img id="image" src="smiley.gif" width="160" height="120">
<script>
document.getElementById("image").src="landscape.jpg";
</script>
<p>原图片为 smiley.gif,脚本将图片修改为 landscape.jpg</p> </body>
</html>
最新文章
- [bzoj2732][HNOI2012]射箭
- linux使用man命令后退出
- weblogic启动报错之WLS_DIAGNOSTICS000000.DAT
- crt 糟心的配置
- 什么时候需要使用Double? double、float、decimal的区别
- NUnit单元测试资料汇总
- 如何取消input记忆功能
- js获取地址栏URL上的参数
- 解决nginx: [error] open() "/usr/local/nginx/logs/nginx.pid" failed错误
- Java如何计算一个程序的运行时间
- Android端IM应用中的@人功能实现:仿微博、QQ、微信,零入侵、高可扩展
- 2019.02.11 bzoj1568: [JSOI2008]Blue Mary开公司(线段树)
- 【23】备忘录模式(Memento Pattern)
- C#语言————选择结构
- 第八次Scrum meeting
- 性能测试工具Locust,一个开源性能测试工具
- Java学习必备书籍推荐终极版!
- ActiveMQ异步分发消息
- JUC-线程八锁
- 【VS】使用vs2017自带的诊断工具(Diagnostic Tools)诊断程序的内存问题