javascript - 在 JavaScript 中用不同颜色打印一系列数字

标签 javascript html

如何在 HTML 页面中用不同颜色打印一系列数字?例如:1-10 红色,11-20 蓝色。我试过了,但没用。

<html>
    <body>
        <script>
            for(i=0;i<=100;i++) {
               document.write(i);
               if(i>30 && i<50) {
                   document.write(i,'<FONT COLOR="red">');
               }
            }
        </script>
    </body>
</html>

最佳答案

我想最好使用javascript的DOM (文档对象模型)与 stylesclasses ,js 看起来像这样:

var numbers = document.createElement('div');

for(i=0;i<=100;i++) {    
   var span = document.createElement('span');
   span.textContent = i;
   numbers.appendChild(span);
   if(i>30 && i<50) {
       span.style.color = 'red';
   }
}

document.body.appendChild(numbers);

关于javascript - 在 JavaScript 中用不同颜色打印一系列数字,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25536162/

相关文章:

php - 禁用 mod_deflate 和 mod_gzip 压缩 HTML、CSS 和 JS 的最佳方法

javascript - 如何使用 jQuery 监听类型为“提交”的按钮上的单击事件?

javascript - Puppeteer 从外部 .js 文件调用 javascript 函数

Javascript 数组重置没有给出所需的输出

javascript - 传单绘制删除按钮删除 "clear all"操作

javascript - 通过 jQuery 或其他使用图标实现图形选择列表

javascript - 为什么 axios 会导致 Access-Control-Allow-Origin 错误

html - hierarki div 将许多 div 集中在一行中

html - 在新行上显示来自 asp :TextBox 的所有条目

javascript - 使用 jquery 调出一个 div 以单击并悬停