使用Javascript向单元格插入数值
我的教授有一个独特的任务,阻止我们使用任何JQuery或基本上不是Javascript或HTML/CSS的任何东西 我必须在鼠标单击时,用一些数值更新单元格中的值。我是Javascript新手,基本上我正在使用的就是这里使用Javascript向单元格插入数值,javascript,html,cell,Javascript,Html,Cell,我的教授有一个独特的任务,阻止我们使用任何JQuery或基本上不是Javascript或HTML/CSS的任何东西 我必须在鼠标单击时,用一些数值更新单元格中的值。我是Javascript新手,基本上我正在使用的就是这里 <table id="score"> <tr> <td> One's </td> <td c
<table id="score">
<tr>
<td> One's </td>
<td class="scoring" id="ones" onClick="inputScore()"> </td>
</tr>
</table>
某人的
我要做的是单击id=one的单元格,并使用函数inputScore()插入一个值50。仅使用Javascript的最佳方法是什么?提前谢谢
编辑:从注释移植的代码:
函数inputScore(){
var x=50;
document.getElementById(“个”)=x;
}
您已使用getElementById()
正确地将元素作为目标,但需要设置其innerHTML
属性来修改单元格的内容
function inputScore() {
var x = 50;
document.getElementById("ones").innerHTML = x;
}
你就快到了。在这种情况下,您还可以使用.innerText
,因为您没有添加任何额外的HTML标记,所以只添加编号50
如果您想要,您可以考虑修改这个函数以接受新的值作为参数:
function inputScore(value) {
// Set the contents to value
document.getElementById("ones").innerHTML = parseInt(value, 10);
}
// Called as
inputScore(50)
据了解,建议您使用MDN文档作为参考点 您已经使用
getElementById()
正确地将元素作为目标,但是您需要设置其innerHTML
属性来修改单元格的内容
function inputScore() {
var x = 50;
document.getElementById("ones").innerHTML = x;
}
你就快到了。在这种情况下,您还可以使用.innerText
,因为您没有添加任何额外的HTML标记,所以只添加编号50
如果您想要,您可以考虑修改这个函数以接受新的值作为参数:
function inputScore(value) {
// Set the contents to value
document.getElementById("ones").innerHTML = parseInt(value, 10);
}
// Called as
inputScore(50)
据了解,建议您使用MDN文档作为参考点 对于作业问题,你能展示一下你开始的代码吗?我们大多数人都不愿意对作业或考试给出完整的答案。发布你的函数定义,以及你在哪里被卡住了……为了它的价值,你应该感谢你的教授在你学习时禁止jQuery。很多人从不去学习JavaScript是如何工作的,当需要的时候,他们会被困在设计中使用它。
函数inputScore(){var x=50;document.getElementById(“ones”)=x;}
这或多或少就是我要做的,他没有详细说明如何做这件事,我在网上找不到任何关于这类问题的具体信息。对于作业问题,你能展示一下你从什么代码开始的吗?我们大多数人都不愿意对作业或考试给出完整的答案。发布你的函数定义,以及你在哪里被卡住了……为了它的价值,你应该感谢你的教授在你学习时禁止jQuery。很多人从不去学习JavaScript是如何工作的,当需要的时候,他们会被困在设计中使用它。函数inputScore(){var x=50;document.getElementById(“ones”)=x;}
这或多或少就是我要做的,他没有详细介绍如何做这件事,我在网上找不到任何关于这类问题的具体信息。非常感谢,我希望尽我所能学习这一点,有没有适合javascript的出版物?我喜欢读书:P@ZachM. 我最喜欢的是Douglas Crockford的JavaScript:The good Parts,但它并不是一本真正的入门书。它确实解释了JS如何经常被误用,这是非常有价值的。不幸的是,我没有任何初学者书籍推荐。MDN文档非常优秀,我一直在使用w3schools.com。谢谢你的提醒。@ZachM。一般来说,那里的信息已经过时了,有时还会助长不良行为。它不属于w3c。非常感谢,我希望尽我所能学习它,有没有适合javascript的出版物?我喜欢读书:P@ZachM. 我最喜欢的是Douglas Crockford的JavaScript:The good Parts,但它并不是一本真正的入门书。它确实解释了JS如何经常被误用,这是非常有价值的。不幸的是,我没有任何初学者书籍推荐。MDN文档非常优秀,我一直在使用w3schools.com。谢谢你的提醒。@ZachM。一般来说,那里的信息已经过时了,有时还会助长不良行为。它不隶属于w3c。