节日小游戏之(11)

孟子E章 2004-09-28 01:42:50
在Javascript脚本的函数y()中写代码,实现目标,当单击页面时,页面上的所有文字的颜色变成节日喜庆的红色。
<body id="x" onclick="y()">
<a>祝大家中秋节快乐!!!</a>
<div>祝大家中秋节快乐!!!</div>
<p>祝大家中秋节快乐!!!</p>
<h3>祝大家中秋节快乐!!!</h3>
</body>
<script>
function y()
{
//在这里写代码,实现目标:在页面上点击鼠标,把页面上的所有文字的颜色变成红色,
}
</script>
</body>


1,字符数最少(即代码最精简)者得分最多!!!
2,要求兼容IE6和Mozilla(最新版本即可)
3,下班之前结贴
...全文
398 44 打赏 收藏 转发到动态 举报
写回复
用AI写文章
44 条回复
切换为时间正序
请发表友善的回复…
发表回复
lingli99 2004-09-29
  • 打赏
  • 举报
回复
function y(){
document.color='red'
}
blestcc 2004-09-29
  • 打赏
  • 举报
回复
高手的游戏,来学习好了
ouyld 2004-09-29
  • 打赏
  • 举报
回复
hookuy 2004-09-29
  • 打赏
  • 举报
回复
仔细看看
BlueDestiny 2004-09-29
  • 打赏
  • 举报
回复
function y()
{
var a = document.all || document.getElementsByTagName("*");
for(i=0;i<a.length;i++)a[i].style.color = 'red';
}
--------------
fason的这个好~支持。
tpf9000 2004-09-29
  • 打赏
  • 举报
回复
function y()
{
var a = document.all || document.getElementsByTagName("*");
for(i=0;i<a.length;i++)a[i].style.color = 'red';
}
这个简单,拿来支持
风之银翼 2004-09-29
  • 打赏
  • 举报
回复
学习!
meizz 2004-09-29
  • 打赏
  • 举报
回复
孟子, 对于有些已经定义过字体颜色的对象, 设置 document.fgColor 是无效的呀, 根据样式的类继承即可知, 设置fgColor的级别没有直接设置在对象字体上的样式级别高呀, 所以这个方法不能算最好.比如说以下的例子:
<body id="x" onclick="y()"><span style="color: blue">
<a>祝大家中秋节快乐!!!</a>
<div>祝大家中秋节快乐!!!</div>
<p>祝大家中秋节快乐!!!</p>
<h3>祝大家中秋节快乐!!!</h3></span>
</body>
<script>
function y()
{
document.fgColor = "red";
}
</script>

这样设置fgColor就已经完全失效了. 所以我认为还是fason的代码最好!! :)
mikespook 2004-09-29
  • 打赏
  • 举报
回复
哐铛,晕倒~~~~
不行,要去找个Mozilla装一下~~~这样下去岂不完蛋~~~
孟子E章 2004-09-29
  • 打赏
  • 举报
回复
document.createStyleSheet().addRule("*", "color:red");

在mozilla里行不同。
孟子E章 2004-09-29
  • 打赏
  • 举报
回复
点评:
1,mikespook(懒猫开始新生活) 是比较好的答案,也是我当初的想法,虽然text在html3.2标准中就已经存在了,但后来已经不推荐使用了,但浏览器仍然都支持的,但是,你的解答在Mozilla里没有效果,应该严格dom的方法进行操作。应该写成document.getElementById("x").text='red'
2,现在最简捷也最正确的应该是 bencalie(Bencalie) 的了。因此可以得到150分的高分,其它分数属于小礼物

yjgx007 2004-09-28
  • 打赏
  • 举报
回复
document.createStyleSheet().addRule("*", "color:red");
  • 打赏
  • 举报
回复
<body id="x" onclick="y()">
<a>祝大家中秋节快乐!!!</a>
<div>祝大家中秋节快乐!!!</div>
<p>祝大家中秋节快乐!!!</p>
<h3>祝大家中秋节快乐!!!</h3>
<style></style>
<script language="javascript">
function y()
{
var o = document.getElementById("x");
o.style.color='red';
}
</script>
</body>
心云意水 2004-09-28
  • 打赏
  • 举报
回复
回复人: meizz(梅花雪 1+1=3) ( ) 信誉:694 2004-09-28 14:56:00 得分: 0


我觉得这道题最简单的做来是用样式表解决, 而不应该用循环定义每个element
<body id="x" onclick="y()">
<a>祝大家中秋节快乐!!!</a>
<div>祝大家中秋节快乐!!!</div>
<p>祝大家中秋节快乐!!!</p>
<h3>祝大家中秋节快乐!!!</h3>
<style></style>
<script language="javascript">
function y()
{
document.styleSheets[0].addRule("*", "color: red"); //就一句代码就够了
}
</script>
</body>


回复人: meizz(梅花雪 1+1=3) ( ) 信誉:694 2004-09-28 14:56:00 得分: 0


我觉得这道题最简单的做来是用样式表解决, 而不应该用循环定义每个element
<body id="x" onclick="y()">
<a>祝大家中秋节快乐!!!</a>
<div>祝大家中秋节快乐!!!</div>
<p>祝大家中秋节快乐!!!</p>
<h3>祝大家中秋节快乐!!!</h3>
<style></style>
<script language="javascript">
function y()
{
document.styleSheets[0].addRule("*", "color: red"); //就一句代码就够了
}
</script>
</body>
___________________________________________________________________________

严重同意!可惜回家的班车上才想到:(
mikespook 2004-09-28
  • 打赏
  • 举报
回复
回复人: meizz(梅花雪 1+1=3) ( ) 信誉:694 2004-09-28 15:24:00 得分: 0


<div style="color: blue">祝大家中秋节快乐!!!</div>
<p style="color: green">祝大家中秋节快乐!!!</p>

对于这些已经定义过字体颜色的对象, 通过定义BODY的fgColor, style.color 等等方法都是无用的!

---------------------------------------------------------------------------

嘿嘿,我们是应试教育的产物~~~只看题,不考虑创新~~~~ ^_^
bencalie 2004-09-28
  • 打赏
  • 举报
回复
meizz,因时因地,这里却是不违反题意的,呵呵

很久没看到大家了,祝大家中秋快乐!团团圆圆
ice_berg16 2004-09-28
  • 打赏
  • 举报
回复
又学到东西了!
meizz 2004-09-28
  • 打赏
  • 举报
回复
<div style="color: blue">祝大家中秋节快乐!!!</div>
<p style="color: green">祝大家中秋节快乐!!!</p>

对于这些已经定义过字体颜色的对象, 通过定义BODY的fgColor, style.color 等等方法都是无用的!
bencalie 2004-09-28
  • 打赏
  • 举报
回复
<body id="x" onclick="y()">
<a>祝大家中秋节快乐!!!</a>
<div>祝大家中秋节快乐!!!</div>
<p>祝大家中秋节快乐!!!</p>
<h3>祝大家中秋节快乐!!!</h3>
</body>
<script>
function y()
{
document.fgColor = "red";
//在这里写代码,实现目标:在页面上点击鼠标,把页面上的所有文字的颜色变成红色,
}
</script>
</body>
BubbleInDiamond 2004-09-28
  • 打赏
  • 举报
回复
严重抄袭mikespook(懒猫开始新生活)中:为节省空间,放弃空格分号等等……
document.body.text='red'
加载更多回复(24)
电商项目中,秒杀属于技术挑战难度很大的业务。后台可以发布秒杀商品后或者将现有商品列入秒杀商品,热点分析系统会对商品进行分析,对热点商品做特殊处理。商城会员可以在秒杀活动开始的时间内进行抢购,抢购后可以在线进行支付,支付完成的订单由平台工作人员发货,超时未支付订单会自动取消。 秒杀系统中一共涉及到管理员后台、搜索系统、秒杀系统、抢单流程系统、热点数据发现系统等等。B2B 、B2C商城秒杀商品数据一般都是非常庞大,流量特别高,尤其是双十一等节日,所以设计秒杀系统,既要考虑系统抗压能力,也要考虑系统数据存储和处理能力。秒杀系统虽然流量特别高,但往往高流量抢购的商品为数不多,因此我们系统还需要对抢购热门的商品进行有效识别。 那秒杀系统里面需要解决的问题有哪些呢?1、如何应对海量商品访问?2、热点分析系统该如何设计,实现普通商品和热点商品的实时转换?3、普通商品和热点商品的抢单该如何设计和实现?4、面对海量的订单,我们该如何实现订单生成?5、面对用户超时未支付的订单,我们该如何设计和处理,包括订单信息变更和库存变更等。等等的问题? 本课程将从实战角度带你构建秒杀系统,解决以上我们关注的问题,同时结合实战讲解技术点,让大家在实战中掌握知识点。课程包含JavaEE、微服务、Linux、任务调度、大数据等综合性知识,让大家成为一个综合人才,提高自己的竞争力,为以后跳槽涨薪做好重复准备,机遇来了就能抓住。 课程所用的开发环境为:window10 开发工具:IDEA本课程用到技术:SpringBootSpringCloudMyBatisMySQLFreemark模板引擎BinlogCanalXXL-JOB分布式任务调度NginxLua轻量级脚本语言Flink实时分析KafkaZookeeperRedisOpenrestyMaven等等

87,888

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧