繁体   English   中英

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

[英]Set text in table cell by clicking a button in Javascript

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

<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>

请你能帮帮我吗?

value只是表单元素的属性。 你必须使用innerHTML

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

还有各种其他属性可以仅设置文本(最适合您的情况),但它们因浏览器而异。 innerHTML是最好的跨浏览器方式。

使用innerHTML而不是value

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

您还可以使用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>
function navratna()
{
    var y=document.getElementById("navrat");
    y.innerHTML="ahoj";
}

使用内部innerHTML

y.innerHTML ="ahoj";

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM