首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >在Javascript中组合字符串

在Javascript中组合字符串
EN

Stack Overflow用户
提问于 2018-08-26 00:02:41
回答 4查看 68关注 0票数 1

我正在试验Javascript,并创建了一个简单的HTML页面,其中包含两个字段、一个按钮和另一个字段,该字段应该是前两个字段的组合。

但是,我的Javascript不工作。以下是我的文件:

代码语言:javascript
复制
<!DOCTYPE html>
<html>
<head>
  <script src="script.js"></script>
</head>
<body>
  <h2>My First Web Page</h2>
  <p id="first">My First Paragraph.</p>
  <p id="second">My Second Paragraph.</p>
  <input onclick="myFunction()" type="submit" value="Combine" />
  <p id="third">Concatenate first and second.</p>
</body>
</html>

和Javascript

代码语言:javascript
复制
myFunction(){
  var first = document.getElementById("first").value;
  var second = document.getElementById("second").value;

  var third = first + " " + second;
  document.getElementById("third").value = third;

}

或者,我在this Codepen模板上测试它

EN

回答 4

Stack Overflow用户

回答已采纳

发布于 2018-08-26 00:06:51

使用innerText而不是value。并正确声明函数。

代码语言:javascript
复制
function myFunction() {
  var first = document.getElementById("first").innerText;
  var second = document.getElementById("second").innerText;
  var third = first + " " + second;
  document.getElementById("third").innerText = third;
}
代码语言:javascript
复制
<!DOCTYPE html>
<html>

<head>
  <script src="script.js"></script>
</head>

<body>
  <h2>My First Web Page</h2>
  <p id="first">My First Paragraph.</p>
  <p id="second">My Second Paragraph.</p>
  <input onclick="myFunction()" type="submit" value="Combine" />
  <p id="third">Concatenate first and second.</p>
</body>

</html>

票数 2
EN

Stack Overflow用户

发布于 2018-08-26 00:12:29

您必须将其声明为函数。和value不是要修改的正确属性,但您可以使用'innerHTML‘或example。这是更新后的、可用的JS。

代码语言:javascript
复制
function myFunction(){
    var first = document.getElementById("first").innerHTML;
    var second = document.getElementById("second").innerHTML;
    var third = first + " " + second;
    document.getElementById("third").innerHTML = third;
}
票数 2
EN

Stack Overflow用户

发布于 2018-08-26 00:06:56

您可以改用textContent

代码语言:javascript
复制
function myFunction(){
  var first = document.getElementById("first").textContent;
  var second = document.getElementById("second").textContent;

  var third = first + " " + second;
  document.getElementById("third").textContent = third;

}
票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/52018993

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档