Question

所以事情如下：我是begginer程序员（到目前为止，我知道HTML，CSS一些JavaScript和一些C ++），我们有一个学校项目来创建一个带有数字的棋盘，但我想去更进一步，能够移动数字。

到目前为止，我已经使用了提示功能来获取坐标并将它们移动但是感觉太多了。现在我想要完成的是能够点击a，将其内容复制到变量中，然后点击另一个变量将其内容替换为存储在变量中的内容。（我稍后会处理这些规则。）

每个都有其唯一的ID，我使用了element.firstChild.nodeValue来获取内容..有关如何在不使用jQuery的情况下在JavaScript中执行此操作的任何建议（如果它不能在JavaScript中完成，那么所有意思是用其他语言来做..它是关于我开始学习它们的时间..：P）

Answer 1

如果每个<td>都有唯一的ID，那么：

var lastStoredValue = "", lastClicked = ""; // = "" is important in that case
var t1 = document.getElementById("t1");     // td with id="t1"
var t2 = document.getElementById("t2");     // td with id="t2"

t1.onclick = function() {
  if (lastClicked !== "t1" && lastStoredValue.trim())
    t1.innerHTML = lastStoredValue; // replace its content with the one stored in the variable
  if (!lastStoredValue.match(new RegExp(t1.innerHTML)))
    lastStoredValue= t1.innerHTML;  // copy its content into a variable
  lastClicked = "t1";
}

t2.onclick = function() {
  if (lastClicked !== "t2" && lastStoredValue.trim())
    t2.innerHTML = lastStoredValue; // replace its content with the one stored in the variable
  if (!lastStoredValue.match(new RegExp(t2.innerHTML)))
    lastStoredValue= t2.innerHTML;  // copy its content into a variable
  lastClicked = "t2";
}

这将获取存储在一个td中的内容并将其放入变量中;然后在点击该td时将变量中的内容存储到另一个td。

如何用另一个切换内容

1 个答案: