| |
|
开发:
C++知识库
Java知识库
JavaScript
Python
PHP知识库
人工智能
区块链
大数据
移动开发
嵌入式
开发工具
数据结构与算法
开发测试
游戏开发
网络协议
系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程 数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁 |
-> JavaScript教程 -> JavaScript HTML DOM 改变 HTML 内容 -> 正文阅读 |
|
[JavaScript教程]JavaScript HTML DOM 改变 HTML 内容 |
JavaScript HTML DOM - 改变 HTMLHTML DOM 允许 JavaScript 改变 HTML 元素的内容。 改变 HTML 输出流JavaScript 能够创建动态的 HTML 内容: 今天的日期是: 在 JavaScript 中,document.write() 可用于直接向 HTML 输出流写内容。
改变 HTML 内容修改 HTML 内容的最简单的方法是使用 innerHTML 属性。 如需改变 HTML 元素的内容,请使用这个语法:
document.getElementById(id).innerHTML=新的 HTML
本例改变了 <p>元素的内容: 实例
<html>
<body> <p id="p1">Hello World!</p> <script> document.getElementById("p1").innerHTML="新文本!"; </script> </body> </html> 尝试一下 ? 本例改变了 <h1> 元素的内容: 实例
<!DOCTYPE html>
<html> <body> <h1 id="header">Old Header</h1> <script> var element=document.getElementById("header"); element.innerHTML="新标题"; </script> </body> </html> 尝试一下 ? 实例讲解:
改变 HTML 属性如需改变 HTML 元素的属性,请使用这个语法:
document.getElementById(id).attribute=新属性值
本例改变了 <img> 元素的 src 属性: 实例
<!DOCTYPE html>
<html> <body> <img id="image" src="smiley.gif"> <script> document.getElementById("image").src="landscape.jpg"; </script> </body> </html> 尝试一下 ? 实例讲解:
|
|
|
上一篇文章 下一篇文章 查看所有文章 |
|
开发:
C++知识库
Java知识库
JavaScript
Python
PHP知识库
人工智能
区块链
大数据
移动开发
嵌入式
开发工具
数据结构与算法
开发测试
游戏开发
网络协议
系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程 数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁 |
360图书馆 购物 三丰科技 阅读网 日历 万年历 2024年12日历 | -2024/12/25 2:43:23- |
|
网站联系: qq:121756557 email:121756557@qq.com IT数码 |
数据统计 |