Question

如何从css类的表格单元格中获取值？

<html>
<head>
<title>Prototype examples</title>
   <script type="text/javascript" 
   src="/javascript/prototype.js">
   </script>
<script>

function showResult()
{
  var granica =  $('product-attribute-specs-table').getElementsByClassName('data')[0];
   alert("Returned value is : " + granica );
}

</script>
</head>

<body>

  <p>Click the button to see the result.</p>
  <br />


<table class="data-table" id="product-attribute-specs-table">
        <col width="25%" />
        <col />
        <tbody>
                    <tr>
                <th class="label">max beds</th>
                <td class="data">10</td>
            </tr>
                </tbody>
    </table>



  <input type="button" value="Toggle" onclick="showResult();"/>

</body>
</html>

现在我可以得到对象HTMl表格单元格。如何获取元素值？添加 .getValue（）最终将无济于事。

Answer 1

您正在寻找innerHTML

$('product-attribute-specs-table').getElementsByClassName('data')[0].innerHTML;

Answer 2

非常简单的事情

$('product-attribute-specs-table').down('data').innerHTML;

或者如果您需要多个结果

$('product-attribute-specs-table').select('data')[0].innerHTML;

如何在Prototype js中使用类获取表格单元格的值

2 个答案: