通过单击javascript中的按钮在表格单元格中设置文本

时间:2011-01-27 09:55:18

标签: javascript html javascript-events oracle-apex

嗨,我有一个问题,我写了一个代码,我有一个表,我想在按钮点击的表格中将文本设置到我的一个单元格

    <html>
<head>
<script type="text/javascript">
function navratna()
{
var y=document.getElementById("navrat");
y.value="ahoj";
}
</script>
</head>
<body>
<table border="1">
<tr>
<td height="20" width="100" id="navrat">
</td>
</tr>
</table>
<input type="button" value="pokus" onclick="navratna()"/>
</body>
</html>
你能帮助我吗?

5 个答案:

答案 0 :(得分:8)

value仅是表单元素的属性。您必须使用innerHTML

function navratna()
{
    var y = document.getElementById("navrat");
    y.innerHTML = "ahoj";
}

还有其他各种属性只能设置文本(在您的情况下最合适),但它们在浏览器之间有所不同。 innerHTML是最佳的跨浏览器方式。

答案 1 :(得分:2)

使用innerHTML代替value

function navratna()
{
  var y = document.getElementById("navrat");
  y.innerHTML = "ahoj";
}

答案 2 :(得分:2)

您还可以使用innerText

function navratna()
{
var y=document.getElementById("navrat");
y.innerText="ahoj";
}
<body>
    <table border="1">
<tr>
<td height="20" width="100" id="navrat">
</td>
</tr>
</table>
<input

 type="button" value="pokus" onclick="navratna()"/>
</body>

答案 3 :(得分:1)

function navratna()
{
    var y=document.getElementById("navrat");
    y.innerHTML="ahoj";
}

答案 4 :(得分:1)

使用innerHTML

y.innerHTML ="ahoj";