Thuộc tính tên màu đầu vào trả về một chuỗi, là giá trị của thuộc tính tên màu đầu vào. Người dùng cũng có thể đặt nó thành một chuỗi mới.
Cú pháp
Sau đây là cú pháp -
- Giá trị chuỗi trả về
inputColorObject.name
- Đặt tên thuộc tính cho một giá trị chuỗi
inputColorObject.name = ‘String’
Ví dụ
Hãy để chúng tôi xem ví dụ về Tên màu đầu vào tài sản -
<!DOCTYPE html>
<html>
<head>
<title>Input Color Name</title>
</head>
<body>
<form id="formForColorsInput">
Color Picker: <input type="color" id="Color" name="primaryColor">
</form>
<button onclick="changeNameValue()">Change name value</button>
<div id="divDisplay"></div>
<script>
var inputColor = document.getElementById("Color");
var divDisplay = document.getElementById("divDisplay");
divDisplay.textContent = 'Name of color input: '+inputColor.name;
function changeNameValue() {
if(inputColor.name == 'primaryColor'){
inputColor.name = 'secondaryColor';
divDisplay.textContent = 'Name of color input: '+inputColor.name;
}
}
</script>
</body>
</html> Đầu ra
Điều này sẽ tạo ra kết quả sau -
Trước khi nhấp vào ‘ Thay đổi giá trị tên Nút '-
Sau khi nhấp vào ‘ Thay đổi giá trị tên Nút '-
