节日小游戏之（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，下班之前结贴

...全文

400 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");

笨笨兔兔兔兔兔 2004-09-28

打赏
举报

<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