javascript: alert values of a table row

Question

I'm trying to alert only values without html tags from a selected table row. What's wrong with the following function:

        function show_table_row(row) {
            var arr = [];
            var t_row = document.getElementById("table_id").rows[row].innerHTML;
            for (var i = 0; i < t_red.length; i++)
            {
               arr.push(t_row [i]);
            }
            alert(arr.join("\n"));
        }

Where are you calling this function? What's the value of `row` being passed to the function..? How does the html look like, does it only have text nodes or does it have inner HTML content... — T J, Jun 10 '14 at 12:41

score 3 · Answer 1 · edited May 23 '17 at 10:26

3

Use .textContent because .innerText is not a standardized W3 property.

'innerText' works in IE, but not in Firefox

edited May 23 '17 at 10:26

Community

1
1

answered Jun 10 '14 at 12:40

Alex W

35,267
10
97
106

Thank you Alex, that's what I want! – Xerath Jun 10 '14 at 12:41

Mustafa sabir · Accepted Answer · 2014-06-10T12:50:41.657

2

Change your innerHTML to innerText

var t_row = document.getElementById("table_id").rows[row].innerText;

Edit:- Thanks to Alex W for poitning out , you can use .textContent , since firefox does not support innerText. It is otherwise supported on all major browsers. But note that .textContent is not supported on older versions of IE (before IE9) http://www.quirksmode.org/dom/w3c_html.html

edited Jun 10 '14 at 12:50

answered Jun 10 '14 at 12:38

Mustafa sabir

4,015
1
18
27

score 1 · Answer 3 · answered Jun 10 '14 at 12:39

1

Use .innerText instead of .innerHTML

answered Jun 10 '14 at 12:39

Sarath

8,762
11
46
80

javascript: alert values of a table row

3 Answers3