JavaScript如何改变HTML内容-成都快上网建站

JavaScript如何改变HTML内容

今天小编给大家分享一下JavaScript如何改变HTML内容的相关知识点,内容详细,逻辑清晰,相信大部分人都还太了解这方面的知识,所以分享这篇文章给大家参考一下,希望大家阅读完这篇文章后有所收获,下面我们一起来了解一下吧。

成都创新互联秉承实现全网价值营销的理念,以专业定制企业官网,网站制作、做网站,成都微信小程序,网页设计制作,手机网站制作设计网络营销推广帮助传统企业实现“互联网+”转型升级专业定制企业官网,公司注重人才、技术和管理,汇聚了一批优秀的互联网技术人才,对客户都以感恩的心态奉献自己的专业和所长。

JavaScript 能够改变 HTML 内容

getElementById() 是多个 JavaScript HTML 方法之一。

使用该方法来“查找” id="demo" 的 HTML 元素,并把元素内容(innerHTML)更改为 "Hello JavaScript":

实例

document.getElementById("demo").innerHTML = "Hello JavaScript";

提示:JavaScript 同时接受双引号和单引号:

实例

document.getElementById("demo").innerHTML = 'Hello JavaScript';

JavaScript 能够改变 HTML 属性

通过改变 标签的 src 属性(source)来改变一张 HTML 图像:

JavaScript 能够改变 HTML 样式 (CSS)

改变 HTML 元素的样式,是改变 HTML 属性的一种变种:

实例

document.getElementById("demo").style.fontSize = "25px";

JavaScript 能够隐藏 HTML 元素

可通过改变 display 样式来隐藏 HTML 元素:

实例

document.getElementById("demo").style.display="none";

JavaScript 能够显示 HTML 元素

可通过改变 display 样式来显示隐藏的 HTML 元素:

实例

document.getElementById("demo").style.display="block";

以上就是“JavaScript如何改变HTML内容”这篇文章的所有内容,感谢各位的阅读!相信大家阅读完这篇文章都有很大的收获,小编每天都会为大家更新不同的知识,如果还想学习更多的知识,请关注创新互联行业资讯频道。


分享名称:JavaScript如何改变HTML内容
转载源于:http://kswjz.com/article/jijjee.html
扫二维码与项目经理沟通

我们在微信上24小时期待你的声音

解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流