Make table TD bold if it does not contain dash

Question

Here is the code but not working.

<script type="text/javascript">
var emptyTar = document.getElementsByTagName("td").innerText;

if(emptyTar.indexOf('-') === -1)
{
  emptyTar.bold();
}
</script>

`document.getElementsByTagName("td")` gives you the list of matched elements not just one element. You need to loop through the list to get it's `innerText` — Vigneswaran Marimuthu, May 13 '15 at 10:12
Also, read [this](http://stackoverflow.com/questions/19030742/difference-between-innertext-and-innerhtml-in-javascript) before using `innerText` — Vigneswaran Marimuthu, May 13 '15 at 10:13

score 1 · Answer 1 · answered May 13 '15 at 10:17

1

getElementsByTagName returns collection of elements, not single element. You have to make a loop over this collection.

var emptyTar = document.getElementsByTagName("td");

for (var i = 0; i < emptyTar.length; i++) {
    if (emptyTar[i].innerHTML.indexOf('-') === -1) {
        emptyTar[i].style.fontWeight = 'bold';
    }
}

http://jsfiddle.net/8ydwqLns/1/

answered May 13 '15 at 10:17

pavel

26,538
10
45
61

Thanks. I also need to make sure, innerHTML is not number. below is not working if (emptyTar[i].innerHTML != NaN && emptyTar[i].innerHTML.indexOf('-') === -1) { – Imran Jafri May 13 '15 at 10:42
@ImranJafri: `parseInt` in is your friend. – pavel May 13 '15 at 10:43
Too embarrassed to say I have not brushed up my JS in 2 years. :) can modify above code? :) – Imran Jafri May 13 '15 at 10:49
@ImranJafri: if I understood you, this should be okay: http://jsfiddle.net/8ydwqLns/2/ – pavel May 13 '15 at 11:01

score 0 · Answer 2 · answered May 13 '15 at 10:17

0

You clould do

 var emptyTar = document.getElementsByTagName("td");
 for(i = 0;i < emptyTar.length; i++)
{
   if(emptyTar[i].innerText.indexOf('-') === -1)
   {
      emptyTar[i].innerHtml = emptyTar[i].innerText.bold();

    }
}

answered May 13 '15 at 10:17

sachin.ph

1,078
12
24

Make table TD bold if it does not contain dash

2 Answers2