HTML DOM - 修改 HTML 内容

通过 HTML DOM,JavaScript 能够访问 HTML 文档中的每个元素。

改变 HTML 内容

改变元素内容的最简答的方法是使用 innerHTML 属性。

下面的例子更改

元素的 HTML 内容:

实例

Hello World!

document.getElementById("p1").innerHTML="New text!";

尝试一下 »

改变 HTML 样式

通过 HTML DOM,您能够访问 HTML 对象的样式对象。

下面的例子更改段落的 HTML 样式:

实例

Hello world!

document.getElementById("p2").style.color="blue";

尝试一下 »

使用事件

HTML DOM 允许您在事件发生时执行代码。

当 HTML 元素"有事情发生"时,浏览器就会生成事件: 在元素上点击

加载页面

改变输入字段

你可以在下一章学习更多有关事件的内容。

下面两个例子在按钮被点击时改变

元素的背景色:

实例

value="Change background color" />

尝试一下 »

在本例中,由函数执行相同的代码:

实例

function ChangeBackground()

{

document.body.style.backgroundColor="lavender";

}

value="Change background color" />

尝试一下 »

下面的例子在按钮被点击时改变

元素的文本:

实例

Hello world!

function ChangeText()

{

document.getElementById("p1").innerHTML="New text!";

}

尝试一下 »

怎么修改html中的内容,HTML DOM 修改 HTML 内容相关推荐

  1. html改变文字字体视频,修改视频中的文字(怎么修改视频中的文字内容)小视频文字广告替换教程方案(易学)...

    不得不说现在各方面的推广真的是很重要,就像和我们狸窝家园一样,要想让许多人熟知且喜欢上是个非常不容易的事情.我们有时候看视频的时候往往精彩的部分会出现一些乱七八糟的广告,现在连电视剧都给玩坏了,简直就 ...

  2. 服务器用户名 administrator 修改,windows2003中Administrator用户名与密码修改图解Windows服务器操作系统 -电脑资料...

    本文章总结了一在windows2003服务器中修改administrator用户名与修改administrator用户名密码的方法,有需要的朋友可参考, 修改Administrator用户名 1.开始 ...

  3. php如何修改xml中的数据,php如何修改xml内容

    php修改xml内容的方法:首先打开xml文件:然后遍历一下该xml文档:接着通过"foreach ($books as $book) {...}"方式对内容进行重新赋值:最后保存 ...

  4. 修改nz-select中的nz-option设置title属性展示内容。

    优化:鼠标悬垂的value上展示已经隐藏的value: html代码: <nz-select (ngModelChange)="changeDevice()" >< ...

  5. python tablewidget 颜色_【整理】PyQt如何修改QTableView中表格颜色即如何修改QModelIndex颜色 | 勤奋的小青蛙...

    修改颜色,整理有两种方法,其中第一中方法是对index设置role,另外一个方法是在data的函数里根据role进行返回颜色 第一种方法:对index设置role 参考链接: 示例代码: QModel ...

  6. 图片头顶距离顶部百分比怎么修改_PS中,新手该怎么修改图像尺寸?看老师傅们都采用哪些方法?...

    关于昨天学习到的在PS中打开文件,大家应该和我一样大概已经学习到了,那么今天要学习的是通过PS,如何修改图像的尺寸?大家不要觉得很简单哦,因为这里面还包含很多的小细节,足以证明了PS的强大之处,下面就 ...

  7. 修改linux中mysql密码,Linux下修改Mysql密码的三种方法

    首先,我也是新手刚刚了解Linux系统,因为同事离职,所以就只能接手!然后员工离职肯定要改密码啦!废话不多说,下面我截图写一下流程! 我刚开始也是找教程,网上教程一大堆基本都是可行的! 修改Linux ...

  8. oracle修改表中字段名,oracle如何修改表字段名

    oracle修改表字段名的方法是: 首先bai方法是使用RENAME关键字: 修改字段名:alter table 表名 rename column 现列zhi名 to 新列名;修改表名:alter t ...

  9. 使用t-sql语句修改表中的某些数据及数据类型。_数据库基本理论详细介绍

    1.数据库范式 第一范式:列不可分,eg:[联系人](姓名,性别,电话),一个联系人有家庭电话和公司电话,那么这种表结构设计就没有达到 1NF: 第二范式:有主键,保证完全依赖.eg:订单明细表[Or ...

最新文章

  1. NBT:用16S及18S rRNA全长进行微生物多样性研究
  2. leetcoder reverse polish notation解题笔记
  3. 爬虫基础-登陆github获取个人信息
  4. 轻松学,Java 中的代理模式(proxy)及动态代理
  5. c语言课后答案第八章,C++第一至第八章课后习题答案
  6. python保存代码_python入门(5)使用文件编辑器编写代码并保存执行
  7. 渤海船舶职业学院计算机应用公司,渤海船舶职业学院
  8. python sqlite3 增删改查(最基本的增删改查)
  9. linkerd mysql_linkerd ab部署测试
  10. ASP.NET生成验证码
  11. 软件测试该怎么自学?
  12. 软件测试包括哪些内容
  13. 读后感系列3:《人类简史》尤瓦尔·赫拉利(一)
  14. 读什么,让你的生活既有诗又有远方
  15. Camera Raw图解析
  16. linux解压工具软件,linux 安装rar解压工具
  17. 为什么要加密所有个人身份信息(PII)
  18. Java中var类型的用法和使用var的注意事项和使用var的优缺点
  19. c语言设计奥运奖牌管理系统,求一个用C语言编程的奥运奖牌管理系统
  20. pandas的使用(一)

热门文章

  1. 使用bat脚本启动指定目录下的jar包
  2. 网银,快钱,支付宝,财付通的比较
  3. Android 编译报Run with --stacktrace option to get the stack trace
  4. linux时间同步配置
  5. eclipse彻底关闭debug模式
  6. 关于Redis存取删除5种数据类型的基本操作
  7. bit比特与字节Byte的区别和联系
  8. (最详细)小米手机5s Plus的USB调试模式在哪里开启的经验
  9. 自动图片生成在前端开发中的一些尝试
  10. [整合版本]酷派手机8022线刷、卡刷总结(win7)