JSFiddle - React, Tailwind, and code Playground

by jackwanders

HTML

<script src="http://underscorejs.org/underscore-min.js"></script>
<link rel="stylesheet" href="http://twitter.github.com/bootstrap/assets/css/bootstrap.css">
<link rel="stylesheet" href="http://twitter.github.com/bootstrap/assets/css/bootstrap-responsive.css">
<div class="container-fluid">
    <div class="row-fluid">
        
        
        <!-- MARKUP GOES HERE -->
        <table id="table" class="table table-striped table-bordered">
            <tr>
                <td onmouseover="myTD()">Cell 1</td>
                <td onmouseover="myTD()">Cell 2</td>
                <td onmouseover="myTD()">Cell 3</td>
            </tr>
            <tr>
                <td onmouseover="myTD()">Cell 4</td>
                <td onmouseover="myTD()">Cell 5</td>
                <td onmouseover="myTD()">Cell 6</td>
            </tr>
        </table>
        <!-- END MARKUP -->
        
        
    </div>
</div>

<!-- http://html-ipsum.com/ for sample markup -->

CSS

body { margin-top: 20px; }

JavaScript

var cells = document.getElementById('table').getElementsByTagName('td');


cells[4].style.backgroundColor = 'red';