How can I conditionally format my HTML table?2019 Community Moderator ElectionHow do JavaScript closures...

Would the melodic leap of the opening phrase of Mozart's K545 be considered dissonant?

Can I become debt free or should I file for bankruptcy? How do I manage my debt and finances?

Difference between 'stomach' and 'uterus'

Why do phishing e-mails use faked e-mail addresses instead of the real one?

How does insurance birth control work?

Quitting employee has privileged access to critical information

PTIJ: Mordechai mourning

How can neutral atoms have exactly zero electric field when there is a difference in the positions of the charges?

Deal the cards to the players

If nine coins are tossed, what is the probability that the number of heads is even?

What is better: yes / no radio, or simple checkbox?

How can I highlight parts in a screenshot

How do we objectively assess if a dialogue sounds unnatural or cringy?

How do you say “my friend is throwing a party, do you wanna come?” in german

Can I solder 12/2 Romex to extend wire 5 ft?

The need of reserving one's ability in job interviews

I encountered my boss during an on-site interview at another company. Should I bring it up when seeing him next time?

Canadian citizen, on US no-fly list. What can I do in order to be allowed on flights which go through US airspace?

Reason why dimensional travelling would be restricted

Has Wakanda ever accepted refugees?

Wardrobe above a wall with fuse boxes

Can the Shape Water Cantrip be used to manipulate blood?

Why are special aircraft used for the carriers in the United States Navy?

How to kill a localhost:8080



How can I conditionally format my HTML table?



2019 Community Moderator ElectionHow do JavaScript closures work?How to horizontally center a <div>?How do I check if an element is hidden in jQuery?How do I remove a property from a JavaScript object?How do I redirect to another webpage?How can I know which radio button is selected via jQuery?How to check whether a checkbox is checked in jQuery?How to check whether a string contains a substring in JavaScript?How do I remove a particular element from an array in JavaScript?Why does HTML think “chucknorris” is a color?












7















<td Class='metric' title='Test gave a performance metric.' lastPassTag=''>1997.0</td>
<td Class='metric' title='Test gave a performance metric.' lastPassTag=''>1997.0</td>
<td Class='metric' title='Test gave a performance metric.' lastPassTag=''>1997.0</td>
<td Class='metric' title='Test gave a performance metric.' lastPassTag=''>1997.0</td>
</tr><tr class='detail-hide'><td Class='result-name '>pmu: COMMITTED_PKT_BSB</td>
<td Class='metric' title='Test gave a performance metric.' lastPassTag=''>1655.0</td>
<td Class='metric' title='Test gave a performance metric.' lastPassTag=''>1836.0</td>
<td Class='metric' title='Test gave a performance metric.' lastPassTag=''>1655.0</td>
<td Class='metric' title='Test gave a performance metric.' lastPassTag=''>1836.0</td>


I have a HTML table like above
I'm trying to do conditional formatting based on the formula applied on the numbers there
I tried this:



var tb = document.getElementByClass('metric')


I could not get those values
Any modifications or suggestions are appreciated
Thank you










share|improve this question




















  • 3





    document.getElementsByClassName("metric")

    – Jack Bashford
    2 hours ago
















7















<td Class='metric' title='Test gave a performance metric.' lastPassTag=''>1997.0</td>
<td Class='metric' title='Test gave a performance metric.' lastPassTag=''>1997.0</td>
<td Class='metric' title='Test gave a performance metric.' lastPassTag=''>1997.0</td>
<td Class='metric' title='Test gave a performance metric.' lastPassTag=''>1997.0</td>
</tr><tr class='detail-hide'><td Class='result-name '>pmu: COMMITTED_PKT_BSB</td>
<td Class='metric' title='Test gave a performance metric.' lastPassTag=''>1655.0</td>
<td Class='metric' title='Test gave a performance metric.' lastPassTag=''>1836.0</td>
<td Class='metric' title='Test gave a performance metric.' lastPassTag=''>1655.0</td>
<td Class='metric' title='Test gave a performance metric.' lastPassTag=''>1836.0</td>


I have a HTML table like above
I'm trying to do conditional formatting based on the formula applied on the numbers there
I tried this:



var tb = document.getElementByClass('metric')


I could not get those values
Any modifications or suggestions are appreciated
Thank you










share|improve this question




















  • 3





    document.getElementsByClassName("metric")

    – Jack Bashford
    2 hours ago














7












7








7








<td Class='metric' title='Test gave a performance metric.' lastPassTag=''>1997.0</td>
<td Class='metric' title='Test gave a performance metric.' lastPassTag=''>1997.0</td>
<td Class='metric' title='Test gave a performance metric.' lastPassTag=''>1997.0</td>
<td Class='metric' title='Test gave a performance metric.' lastPassTag=''>1997.0</td>
</tr><tr class='detail-hide'><td Class='result-name '>pmu: COMMITTED_PKT_BSB</td>
<td Class='metric' title='Test gave a performance metric.' lastPassTag=''>1655.0</td>
<td Class='metric' title='Test gave a performance metric.' lastPassTag=''>1836.0</td>
<td Class='metric' title='Test gave a performance metric.' lastPassTag=''>1655.0</td>
<td Class='metric' title='Test gave a performance metric.' lastPassTag=''>1836.0</td>


I have a HTML table like above
I'm trying to do conditional formatting based on the formula applied on the numbers there
I tried this:



var tb = document.getElementByClass('metric')


I could not get those values
Any modifications or suggestions are appreciated
Thank you










share|improve this question
















<td Class='metric' title='Test gave a performance metric.' lastPassTag=''>1997.0</td>
<td Class='metric' title='Test gave a performance metric.' lastPassTag=''>1997.0</td>
<td Class='metric' title='Test gave a performance metric.' lastPassTag=''>1997.0</td>
<td Class='metric' title='Test gave a performance metric.' lastPassTag=''>1997.0</td>
</tr><tr class='detail-hide'><td Class='result-name '>pmu: COMMITTED_PKT_BSB</td>
<td Class='metric' title='Test gave a performance metric.' lastPassTag=''>1655.0</td>
<td Class='metric' title='Test gave a performance metric.' lastPassTag=''>1836.0</td>
<td Class='metric' title='Test gave a performance metric.' lastPassTag=''>1655.0</td>
<td Class='metric' title='Test gave a performance metric.' lastPassTag=''>1836.0</td>


I have a HTML table like above
I'm trying to do conditional formatting based on the formula applied on the numbers there
I tried this:



var tb = document.getElementByClass('metric')


I could not get those values
Any modifications or suggestions are appreciated
Thank you







javascript html arrays string






share|improve this question















share|improve this question













share|improve this question




share|improve this question








edited 1 min ago









Jack Bashford

10.8k31644




10.8k31644










asked 2 hours ago









GangaGanga

594




594








  • 3





    document.getElementsByClassName("metric")

    – Jack Bashford
    2 hours ago














  • 3





    document.getElementsByClassName("metric")

    – Jack Bashford
    2 hours ago








3




3





document.getElementsByClassName("metric")

– Jack Bashford
2 hours ago





document.getElementsByClassName("metric")

– Jack Bashford
2 hours ago












3 Answers
3






active

oldest

votes


















3














the only problem with your code is you are using wrong js context to search for class using js.



document.getElementByClass('metric')


as classes can be more then 1 so the context to select class is having elements instead of element like below



document.getElementsByClass('metric')


hope this will solve your query.



if need any other help, just comment here I will try to solve






share|improve this answer
























  • Thanks . And can you please tell me how I can see the content obtained

    – Ganga
    2 hours ago













  • please explain exactly what are you looking to explore??

    – Nitin Garg
    1 hour ago













  • @Ganga you can use console.log(tb); and this will display all the contents in your console window

    – Nitin Garg
    1 hour ago













  • @Ganga hope this will help. or you can also use document.write(tb).innerHTML; to display its content on browser.

    – Nitin Garg
    1 hour ago













  • thanks to accept and upvote my answer. hope this helped you

    – Nitin Garg
    1 hour ago



















2














The method is wrong - you want to use document.getElementsByClassName:



var tb = document.getElementByClass("metric");


You could also use querySelectorAll to only get td elements with the class metric:



var tb = document.querySelectorAll("td.metric");





share|improve this answer
























  • Thanks . And can you please tell me how I can see the content in tb

    – Ganga
    2 hours ago











  • @Ganga you mean you want to see the inner text of each element in tb?

    – Jack Bashford
    1 hour ago











  • yes. The inner text

    – Ganga
    1 hour ago











  • Ok I'll edit my answer @Ganga

    – Jack Bashford
    48 mins ago



















1














There are two problems :



1) You miss first <tr> and last </tr> and also must wrap your trs in table tag .



2)
Change :



document.getElementByClass('metric') ;    


To:



document.getElementsByClassName('metric') ;





var tb = document.getElementsByClassName('metric') ;

console.log(tb) ;

<table>
<tr>
<td class='metric' title='Test gave a performance metric.' lastPassTag=''>1997.0</td>
<td Class='metric' title='Test gave a performance metric.' lastPassTag=''>1997.0</td>
<td Class='metric' title='Test gave a performance metric.' lastPassTag=''>1997.0</td>
<td Class='metric' title='Test gave a performance metric.' lastPassTag=''>1997.0</td>
</tr>
<tr class='detail-hide'><td Class='result-name '>pmu: COMMITTED_PKT_BSB</td>
<td Class='metric' title='Test gave a performance metric.' lastPassTag=''>1655.0</td>
<td Class='metric' title='Test gave a performance metric.' lastPassTag=''>1836.0</td>
<td Class='metric' title='Test gave a performance metric.' lastPassTag=''>1655.0</td>
<td Class='metric' title='Test gave a performance metric.' lastPassTag=''>1836.0</td>
</tr>
</table>








share|improve this answer

























    Your Answer






    StackExchange.ifUsing("editor", function () {
    StackExchange.using("externalEditor", function () {
    StackExchange.using("snippets", function () {
    StackExchange.snippets.init();
    });
    });
    }, "code-snippets");

    StackExchange.ready(function() {
    var channelOptions = {
    tags: "".split(" "),
    id: "1"
    };
    initTagRenderer("".split(" "), "".split(" "), channelOptions);

    StackExchange.using("externalEditor", function() {
    // Have to fire editor after snippets, if snippets enabled
    if (StackExchange.settings.snippets.snippetsEnabled) {
    StackExchange.using("snippets", function() {
    createEditor();
    });
    }
    else {
    createEditor();
    }
    });

    function createEditor() {
    StackExchange.prepareEditor({
    heartbeatType: 'answer',
    autoActivateHeartbeat: false,
    convertImagesToLinks: true,
    noModals: true,
    showLowRepImageUploadWarning: true,
    reputationToPostImages: 10,
    bindNavPrevention: true,
    postfix: "",
    imageUploader: {
    brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
    contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
    allowUrls: true
    },
    onDemand: true,
    discardSelector: ".discard-answer"
    ,immediatelyShowMarkdownHelp:true
    });


    }
    });














    draft saved

    draft discarded


















    StackExchange.ready(
    function () {
    StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f55035940%2fhow-can-i-conditionally-format-my-html-table%23new-answer', 'question_page');
    }
    );

    Post as a guest















    Required, but never shown

























    3 Answers
    3






    active

    oldest

    votes








    3 Answers
    3






    active

    oldest

    votes









    active

    oldest

    votes






    active

    oldest

    votes









    3














    the only problem with your code is you are using wrong js context to search for class using js.



    document.getElementByClass('metric')


    as classes can be more then 1 so the context to select class is having elements instead of element like below



    document.getElementsByClass('metric')


    hope this will solve your query.



    if need any other help, just comment here I will try to solve






    share|improve this answer
























    • Thanks . And can you please tell me how I can see the content obtained

      – Ganga
      2 hours ago













    • please explain exactly what are you looking to explore??

      – Nitin Garg
      1 hour ago













    • @Ganga you can use console.log(tb); and this will display all the contents in your console window

      – Nitin Garg
      1 hour ago













    • @Ganga hope this will help. or you can also use document.write(tb).innerHTML; to display its content on browser.

      – Nitin Garg
      1 hour ago













    • thanks to accept and upvote my answer. hope this helped you

      – Nitin Garg
      1 hour ago
















    3














    the only problem with your code is you are using wrong js context to search for class using js.



    document.getElementByClass('metric')


    as classes can be more then 1 so the context to select class is having elements instead of element like below



    document.getElementsByClass('metric')


    hope this will solve your query.



    if need any other help, just comment here I will try to solve






    share|improve this answer
























    • Thanks . And can you please tell me how I can see the content obtained

      – Ganga
      2 hours ago













    • please explain exactly what are you looking to explore??

      – Nitin Garg
      1 hour ago













    • @Ganga you can use console.log(tb); and this will display all the contents in your console window

      – Nitin Garg
      1 hour ago













    • @Ganga hope this will help. or you can also use document.write(tb).innerHTML; to display its content on browser.

      – Nitin Garg
      1 hour ago













    • thanks to accept and upvote my answer. hope this helped you

      – Nitin Garg
      1 hour ago














    3












    3








    3







    the only problem with your code is you are using wrong js context to search for class using js.



    document.getElementByClass('metric')


    as classes can be more then 1 so the context to select class is having elements instead of element like below



    document.getElementsByClass('metric')


    hope this will solve your query.



    if need any other help, just comment here I will try to solve






    share|improve this answer













    the only problem with your code is you are using wrong js context to search for class using js.



    document.getElementByClass('metric')


    as classes can be more then 1 so the context to select class is having elements instead of element like below



    document.getElementsByClass('metric')


    hope this will solve your query.



    if need any other help, just comment here I will try to solve







    share|improve this answer












    share|improve this answer



    share|improve this answer










    answered 2 hours ago









    Nitin GargNitin Garg

    815




    815













    • Thanks . And can you please tell me how I can see the content obtained

      – Ganga
      2 hours ago













    • please explain exactly what are you looking to explore??

      – Nitin Garg
      1 hour ago













    • @Ganga you can use console.log(tb); and this will display all the contents in your console window

      – Nitin Garg
      1 hour ago













    • @Ganga hope this will help. or you can also use document.write(tb).innerHTML; to display its content on browser.

      – Nitin Garg
      1 hour ago













    • thanks to accept and upvote my answer. hope this helped you

      – Nitin Garg
      1 hour ago



















    • Thanks . And can you please tell me how I can see the content obtained

      – Ganga
      2 hours ago













    • please explain exactly what are you looking to explore??

      – Nitin Garg
      1 hour ago













    • @Ganga you can use console.log(tb); and this will display all the contents in your console window

      – Nitin Garg
      1 hour ago













    • @Ganga hope this will help. or you can also use document.write(tb).innerHTML; to display its content on browser.

      – Nitin Garg
      1 hour ago













    • thanks to accept and upvote my answer. hope this helped you

      – Nitin Garg
      1 hour ago

















    Thanks . And can you please tell me how I can see the content obtained

    – Ganga
    2 hours ago







    Thanks . And can you please tell me how I can see the content obtained

    – Ganga
    2 hours ago















    please explain exactly what are you looking to explore??

    – Nitin Garg
    1 hour ago







    please explain exactly what are you looking to explore??

    – Nitin Garg
    1 hour ago















    @Ganga you can use console.log(tb); and this will display all the contents in your console window

    – Nitin Garg
    1 hour ago







    @Ganga you can use console.log(tb); and this will display all the contents in your console window

    – Nitin Garg
    1 hour ago















    @Ganga hope this will help. or you can also use document.write(tb).innerHTML; to display its content on browser.

    – Nitin Garg
    1 hour ago







    @Ganga hope this will help. or you can also use document.write(tb).innerHTML; to display its content on browser.

    – Nitin Garg
    1 hour ago















    thanks to accept and upvote my answer. hope this helped you

    – Nitin Garg
    1 hour ago





    thanks to accept and upvote my answer. hope this helped you

    – Nitin Garg
    1 hour ago













    2














    The method is wrong - you want to use document.getElementsByClassName:



    var tb = document.getElementByClass("metric");


    You could also use querySelectorAll to only get td elements with the class metric:



    var tb = document.querySelectorAll("td.metric");





    share|improve this answer
























    • Thanks . And can you please tell me how I can see the content in tb

      – Ganga
      2 hours ago











    • @Ganga you mean you want to see the inner text of each element in tb?

      – Jack Bashford
      1 hour ago











    • yes. The inner text

      – Ganga
      1 hour ago











    • Ok I'll edit my answer @Ganga

      – Jack Bashford
      48 mins ago
















    2














    The method is wrong - you want to use document.getElementsByClassName:



    var tb = document.getElementByClass("metric");


    You could also use querySelectorAll to only get td elements with the class metric:



    var tb = document.querySelectorAll("td.metric");





    share|improve this answer
























    • Thanks . And can you please tell me how I can see the content in tb

      – Ganga
      2 hours ago











    • @Ganga you mean you want to see the inner text of each element in tb?

      – Jack Bashford
      1 hour ago











    • yes. The inner text

      – Ganga
      1 hour ago











    • Ok I'll edit my answer @Ganga

      – Jack Bashford
      48 mins ago














    2












    2








    2







    The method is wrong - you want to use document.getElementsByClassName:



    var tb = document.getElementByClass("metric");


    You could also use querySelectorAll to only get td elements with the class metric:



    var tb = document.querySelectorAll("td.metric");





    share|improve this answer













    The method is wrong - you want to use document.getElementsByClassName:



    var tb = document.getElementByClass("metric");


    You could also use querySelectorAll to only get td elements with the class metric:



    var tb = document.querySelectorAll("td.metric");






    share|improve this answer












    share|improve this answer



    share|improve this answer










    answered 2 hours ago









    Jack BashfordJack Bashford

    10.8k31644




    10.8k31644













    • Thanks . And can you please tell me how I can see the content in tb

      – Ganga
      2 hours ago











    • @Ganga you mean you want to see the inner text of each element in tb?

      – Jack Bashford
      1 hour ago











    • yes. The inner text

      – Ganga
      1 hour ago











    • Ok I'll edit my answer @Ganga

      – Jack Bashford
      48 mins ago



















    • Thanks . And can you please tell me how I can see the content in tb

      – Ganga
      2 hours ago











    • @Ganga you mean you want to see the inner text of each element in tb?

      – Jack Bashford
      1 hour ago











    • yes. The inner text

      – Ganga
      1 hour ago











    • Ok I'll edit my answer @Ganga

      – Jack Bashford
      48 mins ago

















    Thanks . And can you please tell me how I can see the content in tb

    – Ganga
    2 hours ago





    Thanks . And can you please tell me how I can see the content in tb

    – Ganga
    2 hours ago













    @Ganga you mean you want to see the inner text of each element in tb?

    – Jack Bashford
    1 hour ago





    @Ganga you mean you want to see the inner text of each element in tb?

    – Jack Bashford
    1 hour ago













    yes. The inner text

    – Ganga
    1 hour ago





    yes. The inner text

    – Ganga
    1 hour ago













    Ok I'll edit my answer @Ganga

    – Jack Bashford
    48 mins ago





    Ok I'll edit my answer @Ganga

    – Jack Bashford
    48 mins ago











    1














    There are two problems :



    1) You miss first <tr> and last </tr> and also must wrap your trs in table tag .



    2)
    Change :



    document.getElementByClass('metric') ;    


    To:



    document.getElementsByClassName('metric') ;





    var tb = document.getElementsByClassName('metric') ;

    console.log(tb) ;

    <table>
    <tr>
    <td class='metric' title='Test gave a performance metric.' lastPassTag=''>1997.0</td>
    <td Class='metric' title='Test gave a performance metric.' lastPassTag=''>1997.0</td>
    <td Class='metric' title='Test gave a performance metric.' lastPassTag=''>1997.0</td>
    <td Class='metric' title='Test gave a performance metric.' lastPassTag=''>1997.0</td>
    </tr>
    <tr class='detail-hide'><td Class='result-name '>pmu: COMMITTED_PKT_BSB</td>
    <td Class='metric' title='Test gave a performance metric.' lastPassTag=''>1655.0</td>
    <td Class='metric' title='Test gave a performance metric.' lastPassTag=''>1836.0</td>
    <td Class='metric' title='Test gave a performance metric.' lastPassTag=''>1655.0</td>
    <td Class='metric' title='Test gave a performance metric.' lastPassTag=''>1836.0</td>
    </tr>
    </table>








    share|improve this answer






























      1














      There are two problems :



      1) You miss first <tr> and last </tr> and also must wrap your trs in table tag .



      2)
      Change :



      document.getElementByClass('metric') ;    


      To:



      document.getElementsByClassName('metric') ;





      var tb = document.getElementsByClassName('metric') ;

      console.log(tb) ;

      <table>
      <tr>
      <td class='metric' title='Test gave a performance metric.' lastPassTag=''>1997.0</td>
      <td Class='metric' title='Test gave a performance metric.' lastPassTag=''>1997.0</td>
      <td Class='metric' title='Test gave a performance metric.' lastPassTag=''>1997.0</td>
      <td Class='metric' title='Test gave a performance metric.' lastPassTag=''>1997.0</td>
      </tr>
      <tr class='detail-hide'><td Class='result-name '>pmu: COMMITTED_PKT_BSB</td>
      <td Class='metric' title='Test gave a performance metric.' lastPassTag=''>1655.0</td>
      <td Class='metric' title='Test gave a performance metric.' lastPassTag=''>1836.0</td>
      <td Class='metric' title='Test gave a performance metric.' lastPassTag=''>1655.0</td>
      <td Class='metric' title='Test gave a performance metric.' lastPassTag=''>1836.0</td>
      </tr>
      </table>








      share|improve this answer




























        1












        1








        1







        There are two problems :



        1) You miss first <tr> and last </tr> and also must wrap your trs in table tag .



        2)
        Change :



        document.getElementByClass('metric') ;    


        To:



        document.getElementsByClassName('metric') ;





        var tb = document.getElementsByClassName('metric') ;

        console.log(tb) ;

        <table>
        <tr>
        <td class='metric' title='Test gave a performance metric.' lastPassTag=''>1997.0</td>
        <td Class='metric' title='Test gave a performance metric.' lastPassTag=''>1997.0</td>
        <td Class='metric' title='Test gave a performance metric.' lastPassTag=''>1997.0</td>
        <td Class='metric' title='Test gave a performance metric.' lastPassTag=''>1997.0</td>
        </tr>
        <tr class='detail-hide'><td Class='result-name '>pmu: COMMITTED_PKT_BSB</td>
        <td Class='metric' title='Test gave a performance metric.' lastPassTag=''>1655.0</td>
        <td Class='metric' title='Test gave a performance metric.' lastPassTag=''>1836.0</td>
        <td Class='metric' title='Test gave a performance metric.' lastPassTag=''>1655.0</td>
        <td Class='metric' title='Test gave a performance metric.' lastPassTag=''>1836.0</td>
        </tr>
        </table>








        share|improve this answer















        There are two problems :



        1) You miss first <tr> and last </tr> and also must wrap your trs in table tag .



        2)
        Change :



        document.getElementByClass('metric') ;    


        To:



        document.getElementsByClassName('metric') ;





        var tb = document.getElementsByClassName('metric') ;

        console.log(tb) ;

        <table>
        <tr>
        <td class='metric' title='Test gave a performance metric.' lastPassTag=''>1997.0</td>
        <td Class='metric' title='Test gave a performance metric.' lastPassTag=''>1997.0</td>
        <td Class='metric' title='Test gave a performance metric.' lastPassTag=''>1997.0</td>
        <td Class='metric' title='Test gave a performance metric.' lastPassTag=''>1997.0</td>
        </tr>
        <tr class='detail-hide'><td Class='result-name '>pmu: COMMITTED_PKT_BSB</td>
        <td Class='metric' title='Test gave a performance metric.' lastPassTag=''>1655.0</td>
        <td Class='metric' title='Test gave a performance metric.' lastPassTag=''>1836.0</td>
        <td Class='metric' title='Test gave a performance metric.' lastPassTag=''>1655.0</td>
        <td Class='metric' title='Test gave a performance metric.' lastPassTag=''>1836.0</td>
        </tr>
        </table>








        var tb = document.getElementsByClassName('metric') ;

        console.log(tb) ;

        <table>
        <tr>
        <td class='metric' title='Test gave a performance metric.' lastPassTag=''>1997.0</td>
        <td Class='metric' title='Test gave a performance metric.' lastPassTag=''>1997.0</td>
        <td Class='metric' title='Test gave a performance metric.' lastPassTag=''>1997.0</td>
        <td Class='metric' title='Test gave a performance metric.' lastPassTag=''>1997.0</td>
        </tr>
        <tr class='detail-hide'><td Class='result-name '>pmu: COMMITTED_PKT_BSB</td>
        <td Class='metric' title='Test gave a performance metric.' lastPassTag=''>1655.0</td>
        <td Class='metric' title='Test gave a performance metric.' lastPassTag=''>1836.0</td>
        <td Class='metric' title='Test gave a performance metric.' lastPassTag=''>1655.0</td>
        <td Class='metric' title='Test gave a performance metric.' lastPassTag=''>1836.0</td>
        </tr>
        </table>





        var tb = document.getElementsByClassName('metric') ;

        console.log(tb) ;

        <table>
        <tr>
        <td class='metric' title='Test gave a performance metric.' lastPassTag=''>1997.0</td>
        <td Class='metric' title='Test gave a performance metric.' lastPassTag=''>1997.0</td>
        <td Class='metric' title='Test gave a performance metric.' lastPassTag=''>1997.0</td>
        <td Class='metric' title='Test gave a performance metric.' lastPassTag=''>1997.0</td>
        </tr>
        <tr class='detail-hide'><td Class='result-name '>pmu: COMMITTED_PKT_BSB</td>
        <td Class='metric' title='Test gave a performance metric.' lastPassTag=''>1655.0</td>
        <td Class='metric' title='Test gave a performance metric.' lastPassTag=''>1836.0</td>
        <td Class='metric' title='Test gave a performance metric.' lastPassTag=''>1655.0</td>
        <td Class='metric' title='Test gave a performance metric.' lastPassTag=''>1836.0</td>
        </tr>
        </table>






        share|improve this answer














        share|improve this answer



        share|improve this answer








        edited 1 hour ago

























        answered 2 hours ago









        EhsanEhsan

        9,85031130




        9,85031130






























            draft saved

            draft discarded




















































            Thanks for contributing an answer to Stack Overflow!


            • Please be sure to answer the question. Provide details and share your research!

            But avoid



            • Asking for help, clarification, or responding to other answers.

            • Making statements based on opinion; back them up with references or personal experience.


            To learn more, see our tips on writing great answers.




            draft saved


            draft discarded














            StackExchange.ready(
            function () {
            StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f55035940%2fhow-can-i-conditionally-format-my-html-table%23new-answer', 'question_page');
            }
            );

            Post as a guest















            Required, but never shown





















































            Required, but never shown














            Required, but never shown












            Required, but never shown







            Required, but never shown

































            Required, but never shown














            Required, but never shown












            Required, but never shown







            Required, but never shown







            Popular posts from this blog

            Paper upload error, “Upload failed: The top margin is 0.715 in on page 3, which is below the required...

            Emraan Hashmi Filmografia | Linki zewnętrzne | Menu nawigacyjneGulshan GroverGulshan...

            How can I write this formula?newline and italics added with leqWhy does widehat behave differently if I...