简体   繁体   English

javascript新手,如何更改-> document.write(schedule [row] ['title']))的颜色; 变成红色?

[英]new to javascript, how do i change color of --> document.write(schedule[row]['title']); to red?

I am pretty new to javascript and i cannot figure out how to change the color of the first "document.write" in my for/in loop? 我对javascript很陌生,无法弄清楚如何在for / in循环中更改第一个“ document.write”的颜色? --> document.write(schedule[row]['title']); -> document.write(schedule [row] ['title']); <-- < -

var schedule = [], row, col;

var TECH276 = { title : "JavaScript Fundamentals",
                credits : 3,
                section : 1,
                days : "Thursday",
                time : "6:30 p.m. - 9:25 p.m.",
                semester : "Spring 2019",
                fascinating : true
            };

var TECH277 = { title : "Advanced Javascript",
                credits : 3,
                section : 1,
                days : "Thursday",
                time : "6:30 p.m. - 9:05 p.m.",
                semester : "Fall 2019",
                fascinating : true
            };

schedule[0] = TECH276;
schedule[1] = TECH277;

for (row in schedule) {
    document.write(schedule[row]['title']);
    document.write("<br />");
    for (col in schedule[row]) {
        document.write('The property ' + "<i>" + col + "</i>" + ' = <b>'+ schedule[row][col] + "</b>&nbsp; &nbsp; <br>");
    }
    document.write("<br />");
}

Just wrap it in a span and style it: 只需将其包裹在一个span并设置样式即可:

 var schedule = [], row, col; var TECH276 = { title: "JavaScript Fundamentals", credits: 3, section: 1, days: "Thursday", time: "6:30 pm - 9:25 pm", semester: "Spring 2019", fascinating: true }; var TECH277 = { title: "Advanced Javascript", credits: 3, section: 1, days: "Thursday", time: "6:30 pm - 9:05 pm", semester: "Fall 2019", fascinating: true }; schedule[0] = TECH276; schedule[1] = TECH277; for (row in schedule) { document.write('<span style="color:red">' + schedule[row]['title'] + '</span>'); document.write("<br />"); for (col in schedule[row]) { document.write('The property ' + "<i>" + col + "</i>" + ' = <b>' + schedule[row][col] + "</b>&nbsp; &nbsp; <br>"); } document.write("<br />"); } 

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM