节日小游戏之(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,下班之前结贴
...全文
382 44 打赏 收藏 举报
写回复
44 条回复
切换为时间正序
当前发帖距今超过3年,不再开放新的回复
发表回复
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)
相关推荐
发帖
JavaScript

8.6w+

社区成员

Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
帖子事件
创建了帖子
2004-09-28 01:42
社区公告
暂无公告