本文实例讲述了JS实现改变HTML上文字颜色和内容的方法。分享给大家供大家参考,具体如下:
1. JavaScript
!DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.0 Transitional//EN HTML HEAD TITLE Day 1 /TITLE META NAME= Generator CONTENT= EditPlus META NAME= Author CONTENT= META NAME= Keywords CONTENT= META NAME= Description CONTENT= script // to change the color of an object. function changeColor(){ x=document.getElementById( Id1 x.style.color= Red // to change the content of an object. function changeContent(){ y=document.getElementById( Id2 y.innerHTML= Hi, you have changed the contents using Java Script successfully! /script /HEAD BODY bgcolor= AntiqueWhite h1 center Welcome Page /center /h1 p id= Id1 It is test 1. /p p id= Id2 It is test 2. /p button type= button onclick = changeColor() Change color of test 1 /button br/ br/ button type= button onclick = changeContent() Change content of test 2 /button /BODY /HTML
2. Day 1.html
!DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.0 Transitional//EN HTML HEAD TITLE Day 1 /TITLE META NAME= Generator CONTENT= EditPlus META NAME= Author CONTENT= META NAME= Keywords CONTENT= META NAME= Description CONTENT= script // to change the color of an object. function changeColor(){ x=document.getElementById( Id1 x.style.color= Red // to change the content of an object. function changeContent(){ y=document.getElementById( Id2 y.innerHTML= Hi, you have changed the contents using Java Script successfully! /script /HEAD BODY bgcolor= AntiqueWhite h1 center Welcome Page /center /h1 p id= Id1 It is test 1. /p p id= Id2 It is test 2. /p button type= button onclick = changeColor() Change color of test 1 /button br/ br/ button type= button onclick = changeContent() Change content of test 2 /button /BODY /HTML
3. 运行效果截图:
相关推荐:
JS实现加载时锁定HTML页面元素的方法
js获取html的span标签的值方法(超简单)
以上就是JS实现改变HTML上文字颜色和内容的方法的详细内容,html教程
郑重声明:本文版权归原作者所有,转载文章仅为传播更多信息之目的,如作者信息标记有误,请第一时间联系我们修改或删除,多谢。
新闻热点
疑难解答