How can I conditionally format my HTML table?2019 Community Moderator ElectionHow do JavaScript closures...
What can I do if someone tampers with my SSH public key?
PTIJ: Why can't I sing about soda on certain days?
Is divide-by-zero a security vulnerability?
Sometimes a banana is just a banana
Has Wakanda ever accepted refugees?
How do you say “my friend is throwing a party, do you wanna come?” in german
3.5% Interest Student Loan or use all of my savings on Tuition?
What is the meaning of "notice to quit at once" and "Lotty points”
How does signal strength relate to bandwidth?
GDAL GetGeoTransform Documentation -- Is there an oversight, or what am I misunderstanding?
Is there a way to find out the age of climbing ropes?
I can't die. Who am I?
How to kill a localhost:8080
Make me a metasequence
Is there a math equivalent to the conditional ternary operator?
What is a term for a function that when called repeatedly, has the same effect as calling once?
When to use mean vs median
Book about a time-travel war fought by computers
PTIJ: What dummy is the Gemara referring to?
Where is the fallacy here?
Rationale to prefer local variables over instance variables?
PTIJ: Should I stay away from my computer?
How to get the first element while continue streaming?
How do we objectively assess if a dialogue sounds unnatural or cringy?
How can I conditionally format my HTML table?
2019 Community Moderator ElectionHow do JavaScript closures work?How do I check if an element is hidden in jQuery?How do I check if an array includes an object in JavaScript?How to append something to an array?How do I redirect to another webpage?How do I make the first letter of a string uppercase in JavaScript?How to replace all occurrences of a string in JavaScriptHow 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?
<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
edited 29 mins ago
Jack Bashford
10.8k31644
asked 2 hours ago
GangaGanga
644
add a comment |
<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
edited 29 mins ago
Jack Bashford
10.8k31644
asked 2 hours ago
GangaGanga
644
3
document.getElementsByClassName("metric")
– Jack Bashford
2 hours ago
add a comment |
<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
edited 29 mins ago
Jack Bashford
10.8k31644
asked 2 hours ago
GangaGanga
644
<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
javascript html arrays string
edited 29 mins ago
Jack Bashford
10.8k31644
asked 2 hours ago
GangaGanga
644
edited 29 mins ago
Jack Bashford
10.8k31644
asked 2 hours ago
GangaGanga
644
edited 29 mins ago
Jack Bashford
10.8k31644
edited 29 mins ago
Jack Bashford
10.8k31644
edited 29 mins ago
Jack Bashford
10.8k31644
10.8k31644
asked 2 hours ago
GangaGanga
644
asked 2 hours ago
GangaGanga
644
asked 2 hours ago
GangaGanga
644
644
3
document.getElementsByClassName("metric")
– Jack Bashford
2 hours ago
add a comment |
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
add a comment |
3 Answers
3
active
oldest
votes
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
answered 2 hours ago
Nitin GargNitin Garg
1015
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
2 hours ago
@Ganga you can use console.log(tb); and this will display all the contents in your console window
– Nitin Garg
2 hours ago
@Ganga hope this will help. or you can also use document.write(tb).innerHTML; to display its content on browser.
– Nitin Garg
2 hours ago
thanks to accept and upvote my answer. hope this helped you
– Nitin Garg
2 hours ago
|
show 3 more comments
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");
answered 2 hours ago
Jack BashfordJack Bashford
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 intb?
– Jack Bashford
2 hours ago
yes. The inner text
– Ganga
1 hour ago
Ok I'll edit my answer @Ganga
– Jack Bashford
1 hour ago
add a comment |
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>answered 2 hours ago
EhsanEhsan
9,85031130
add a comment |
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
});
}
});
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
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
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
answered 2 hours ago
Nitin GargNitin Garg
1015
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
2 hours ago
@Ganga you can use console.log(tb); and this will display all the contents in your console window
– Nitin Garg
2 hours ago
@Ganga hope this will help. or you can also use document.write(tb).innerHTML; to display its content on browser.
– Nitin Garg
2 hours ago
thanks to accept and upvote my answer. hope this helped you
– Nitin Garg
2 hours ago
|
show 3 more comments
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
answered 2 hours ago
Nitin GargNitin Garg
1015
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
2 hours ago
@Ganga you can use console.log(tb); and this will display all the contents in your console window
– Nitin Garg
2 hours ago
@Ganga hope this will help. or you can also use document.write(tb).innerHTML; to display its content on browser.
– Nitin Garg
2 hours ago
thanks to accept and upvote my answer. hope this helped you
– Nitin Garg
2 hours ago
|
show 3 more comments
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
answered 2 hours ago
Nitin GargNitin Garg
1015
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
answered 2 hours ago
Nitin GargNitin Garg
1015
answered 2 hours ago
Nitin GargNitin Garg
1015
answered 2 hours ago
Nitin GargNitin Garg
1015
answered 2 hours ago
Nitin GargNitin Garg
1015
1015
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
2 hours ago
@Ganga you can use console.log(tb); and this will display all the contents in your console window
– Nitin Garg
2 hours ago
@Ganga hope this will help. or you can also use document.write(tb).innerHTML; to display its content on browser.
– Nitin Garg
2 hours ago
thanks to accept and upvote my answer. hope this helped you
– Nitin Garg
2 hours ago
|
show 3 more comments
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
2 hours ago
@Ganga you can use console.log(tb); and this will display all the contents in your console window
– Nitin Garg
2 hours ago
@Ganga hope this will help. or you can also use document.write(tb).innerHTML; to display its content on browser.
– Nitin Garg
2 hours ago
thanks to accept and upvote my answer. hope this helped you
– Nitin Garg
2 hours 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
2 hours ago
please explain exactly what are you looking to explore??
– Nitin Garg
2 hours ago
@Ganga you can use console.log(tb); and this will display all the contents in your console window
– Nitin Garg
2 hours ago
@Ganga you can use console.log(tb); and this will display all the contents in your console window
– Nitin Garg
2 hours ago
@Ganga hope this will help. or you can also use document.write(tb).innerHTML; to display its content on browser.
– Nitin Garg
2 hours ago
@Ganga hope this will help. or you can also use document.write(tb).innerHTML; to display its content on browser.
– Nitin Garg
2 hours ago
thanks to accept and upvote my answer. hope this helped you
– Nitin Garg
2 hours ago
thanks to accept and upvote my answer. hope this helped you
– Nitin Garg
2 hours ago
|
show 3 more comments
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");
answered 2 hours ago
Jack BashfordJack Bashford
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 intb?
– Jack Bashford
2 hours ago
yes. The inner text
– Ganga
1 hour ago
Ok I'll edit my answer @Ganga
– Jack Bashford
1 hour ago
add a comment |
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");
answered 2 hours ago
Jack BashfordJack Bashford
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 intb?
– Jack Bashford
2 hours ago
yes. The inner text
– Ganga
1 hour ago
Ok I'll edit my answer @Ganga
– Jack Bashford
1 hour ago
add a comment |
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");
answered 2 hours ago
Jack BashfordJack Bashford
10.8k31644
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");
answered 2 hours ago
Jack BashfordJack Bashford
10.8k31644
answered 2 hours ago
Jack BashfordJack Bashford
10.8k31644
answered 2 hours ago
Jack BashfordJack Bashford
10.8k31644
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 intb?
– Jack Bashford
2 hours ago
yes. The inner text
– Ganga
1 hour ago
Ok I'll edit my answer @Ganga
– Jack Bashford
1 hour ago
add a comment |
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 intb?
– Jack Bashford
2 hours ago
yes. The inner text
– Ganga
1 hour ago
Ok I'll edit my answer @Ganga
– Jack Bashford
1 hour 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
2 hours ago
@Ganga you mean you want to see the inner text of each element in
tb?– Jack Bashford
2 hours 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
1 hour ago
Ok I'll edit my answer @Ganga
– Jack Bashford
1 hour ago
add a comment |
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>answered 2 hours ago
EhsanEhsan
9,85031130
add a comment |
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>answered 2 hours ago
EhsanEhsan
9,85031130
add a comment |
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>answered 2 hours ago
EhsanEhsan
9,85031130
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>answered 2 hours ago
EhsanEhsan
9,85031130
edited 2 hours ago
answered 2 hours ago
EhsanEhsan
9,85031130
answered 2 hours ago
EhsanEhsan
9,85031130
answered 2 hours ago
EhsanEhsan
9,85031130
9,85031130
add a comment |
add a comment |
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.
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
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
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
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
3
document.getElementsByClassName("metric")– Jack Bashford
2 hours ago