时间戳

首页 > 解决方案 > 为什么我的 If 函数无法使用 Javascript？

javascript - 为什么我的 If 函数无法使用 Javascript？

问题描述

我正在制作一个更改文本位置的函数。它以 html 元素的内容为条件。它应该检查元素是否包含文本。如果是这样，它将更改第二个元素的内容。如果没有，我希望它停止该功能。有什么帮助吗？

function transferText() {
  if (document.getElementById('aaa') !== '') {
    document.getElementById('bbb').innerHTML = document.getElementById('aaa').innerHTML;
  } else {
    return;
  }
}
<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>Document</title>
</head>
<p id="aaa"></p>
<button onclick="transferText()"> click me</button>
<p id="bbb">bbb</p>

<body>
</body>

</html>

标签： javascripthtml

解决方案

正如其他人指出的那样，您正在将 HTMLElement 与空字符串进行比较。以下作品：

function transferText() {
  if (document.getElementById('aaa').innerHTML !== '') {
    document.getElementById('bbb').innerHTML = document.getElementById('aaa').innerHTML;
  } else {
    return;
  }
}
<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>Document</title>
</head>
<p id="aaa">eeee</p>
<button onclick="transferText()"> click me</button>
<p id="bbb">bbb</p>

<body>
</body>

</html>

推荐阅读