深圳企业网站建设收费标准,网络公司排名兴田德润,郑州网站设计多少钱,保险公司网站查询文章目录 JavaScript 简介JavaScript 可以更改 HTML 内容JavaScript 可以更改 HTML 属性值JavaScript 可以更改 HTML 样式 (CSS)JavaScript 可以隐藏 HTML 元素JavaScript 可以显示 HTML 元素 总结 JavaScript 简介
本页包含一些 JavaScript 功能的示例。
JavaScript 可以更改… 文章目录 JavaScript 简介JavaScript 可以更改 HTML 内容JavaScript 可以更改 HTML 属性值JavaScript 可以更改 HTML 样式 (CSS)JavaScript 可以隐藏 HTML 元素JavaScript 可以显示 HTML 元素 总结 JavaScript 简介
本页包含一些 JavaScript 功能的示例。
JavaScript 可以更改 HTML 内容
众多 JavaScript HTML 方法之一是 getElementById()。
以下示例“查找”一个 HTML 元素id“demo”并将元素内容innerHTML更改为“Hello JavaScript”
示例
document.getElementById(demo).innerHTML Hello JavaScript;JavaScript 接受双引号和单引号
示例
document.getElementById(demo).innerHTML Hello JavaScript;JavaScript 可以更改 HTML 属性值
在此示例中JavaScript 更改了 img 标记的 src源属性的值 !DOCTYPE html
html
bodyh2What Can JavaScript Do?/h2pJavaScript can change HTML attribute values./ppIn this case JavaScript changes the value of the src (source) attribute of an image./pbutton onclickdocument.getElementById(myImage).srcpic_bulbon.gifTurn on the light/buttonimg idmyImage srcpic_bulboff.gif stylewidth:100pxbutton onclickdocument.getElementById(myImage).srcpic_bulboff.gifTurn off the light/button/body
/htmlJavaScript 可以更改 HTML 样式 (CSS)
更改 HTML 元素的样式是更改 HTML 属性的一种变体
示例
document.getElementById(demo).style.fontSize 35px;JavaScript 可以隐藏 HTML 元素
可以通过更改显示样式来隐藏 HTML 元素
示例
document.getElementById(demo).style.display none;JavaScript 可以显示 HTML 元素
也可以通过更改显示样式来显示隐藏的 HTML 元素
示例
document.getElementById(demo).style.display block;总结
本文介绍了JavaScript 简介如有问题欢迎私信和评论
