无法在这个位置找到: head2.htm
当前位置: 建站首页 > 新闻动态 > 公司新闻 >

装饰公司微信小程序_JS完成改变HTML上文字颜色和

时间:2021-01-12 15:43来源:装饰公司微信小程序 作者:jianzhan 点击:
JS完成更改HTML前文字色调和內容的方式 本文关键详细介绍了JS完成更改HTML前文字色调和內容的方式,涉及到JS数学课计算与网页页面原素动态性实际操作有关方法,必须的朋友能够参
JS实现改变HTML上文字颜色和内容的方法       这篇文章主要介绍了JS实现改变HTML上文字颜色和内容的方法,涉及JS数学运算与页面元素动态操作相关技巧,需要的朋友可以参考下

本文实例讲述了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 essfully!";
 /script 
 /HEAD 
 BODY bgcolor="AntiqueWhite" 
 h1 e 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 
<

 !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 essfully!";
 /script 
 /HEAD 
 BODY bgcolor="AntiqueWhite" 
 h1 e 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. 运行效果截图:

凡科抠图:这里再提供几款文字特效工具供大家参考:

在线特效文字/彩色文字生成工具:

在线生成字体CSS样式工具:

仿古书排版文字竖排转换工具:

线条字生成工具:

在线钢笔手写体/手写字生成工具:

更多关于JavaScript相关内容感兴趣的读者可查看本站专题:《》、《》、《》、《》、《》、《》及《》

希望本文所述对大家JavaScript程序设计有所帮助。


(责任编辑:admin)
织梦二维码生成器
顶一下
(0)
0%
踩一下
(0)
0%
------分隔线----------------------------
无法在这个位置找到: ajaxfeedback.htm
栏目列表
推荐内容


扫描二维码分享到微信