在Javascript中组合字符串
在Javascript中组合字符串
提问于 2018-08-26 00:02:41
我正在试验Javascript，并创建了一个简单的HTML页面，其中包含两个字段、一个按钮和另一个字段，该字段应该是前两个字段的组合。
但是，我的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
myFunction(){
var first = document.getElementById("first").value;
var second = document.getElementById("second").value;
var third = first + " " + second;
document.getElementById("third").value = third;
}或者，我在this Codepen模板上测试它
回答 4
Stack Overflow用户
回答已采纳
发布于 2018-08-26 00:06:51
使用innerText而不是value。并正确声明函数。
function myFunction() {
var first = document.getElementById("first").innerText;
var second = document.getElementById("second").innerText;
var third = first + " " + second;
document.getElementById("third").innerText = third;
}<!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>
Stack Overflow用户
发布于 2018-08-26 00:12:29
您必须将其声明为函数。和value不是要修改的正确属性，但您可以使用'innerHTML‘或example。这是更新后的、可用的JS。
function myFunction(){
var first = document.getElementById("first").innerHTML;
var second = document.getElementById("second").innerHTML;
var third = first + " " + second;
document.getElementById("third").innerHTML = third;
}Stack Overflow用户
发布于 2018-08-26 00:06:56
您可以改用textContent：
function myFunction(){
var first = document.getElementById("first").textContent;
var second = document.getElementById("second").textContent;
var third = first + " " + second;
document.getElementById("third").textContent = third;
}页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/52018993
复制相关文章
相似问题
腾讯云开发者
