var fname = document.getElementById("fName");
var lname = document.getElementById("lName");
const btnSave = document.getElementById("btnSave");
const btnDisplay = document.getElementById("btnDisplay");
btnSave.addEventListener("click", getData);
function getData() {
console.log(
getFullName({
fname: `${fname.value}`,
lname: `${lname.value}`,
})
);
}
function getFullName(FullName) {
return FullName.fname " " FullName.lname;
}<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Document</title>
<link rel="stylesheet" href="main.css" />
</head>
<body>
<input type="fName" placeholder="First Name" />
<input type="lName" placeholder="Last Name" />
<button id="btnSave">Save</button>
<button id="btnDisplay">Display</button>
<script src="main.js"></script>
</body>
</html>如何在我的文本輸入中獲取物件值？它回傳空值。但是當我像 fName: "John", lName: "Doe" 對我的物件賦值時，它會成功回傳。
uj5u.com熱心網友回復：
“fname”和“lname”不是 id。您在輸入欄位上分配了錯誤的型別。而是做這樣的事情：
<input type="text" id="fname" placeholder="First Name" />
<input type="text" id="lname" placeholder="Last Name" />
uj5u.com熱心網友回復：
您的輸入元素沒有 ID。
uj5u.com熱心網友回復：
您沒有將 id 添加到輸入標簽中。
嘗試 ：
<input id="fName" placeholder="First Name" />
<input id="lName" placeholder="Last Name" />
uj5u.com熱心網友回復：
通過這個改變你的html代碼
<input type="text" id= "fName" placeholder="First Name" />
<input type="text" id="lName" placeholder="Last Name" />
uj5u.com熱心網友回復：
您必須為您的 INPUT 標簽分配一個“id”或“class”，并且要獲取 INPUT 標簽的值，您必須在 DOM 目標的末尾分配“.value”，例如
對于ID "document.getElementById("YOUR_ID NAME").value"
或者
對于類“document.getElementByClassName("YOUR_CLASS NAME").value"
var fname = document.getElementById("fName");
var lname = document.getElementById("lName");
const btnSave = document.getElementById("btnSave");
const btnDisplay = document.getElementById("btnDisplay");
btnSave.addEventListener("click", getData);
function getData() {
console.log(
getFullName({
firstname: fname.value,
lastname: lname.value
})
);
}
function getFullName(FullName) {
return FullName.firstname " " FullName.lastname;
}<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Document</title>
<link rel="stylesheet" href="main.css" />
</head>
<body>
<input id="fName" type="fName" placeholder="First Name" />
<input id="lName" type="lName" placeholder="Last Name" />
<button id="btnSave">Save</button>
<button id="btnDisplay">Display</button>
<script src="main.js"></script>
</body>
</html>轉載請註明出處，本文鏈接：https://www.uj5u.com/gongcheng/462485.html
標籤：javascript