Thuộc tính Giá trị màu đầu vào HTML DOM trả về một chuỗi, đại diện cho giá trị của thuộc tính giá trị 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.value
- Đặt giá trị thuộc tính cho một giá trị chuỗi
inputColorObject.value = ‘String’
Ví dụ
Hãy để chúng tôi xem ví dụ về Giá trị màu đầu vào tài sản -
<!DOCTYPE html>
<html>
<head>
<title>Input Color Value</title>
</head>
<body>
<form id="formForColorsInput">
Primary-Color: <input type="color" id="Color" name="primaryColor" value="#00ff00">
</form>
<button onclick="changeValue()">Get type & change to text</button>
<div id="divDisplay"></div>
<script>
var inputColor = document.getElementById("Color");
var divDisplay = document.getElementById("divDisplay");
divDisplay.textContent = 'value: '+inputColor.value;
function changeValue() {
if(inputColor.value == '#00ff00'){
inputColor.value = '#ff0000';
divDisplay.textContent = 'value: '+inputColor.value;
}
}
</script>
</body>
</html> Đầu ra
Điều này sẽ tạo ra kết quả sau -
Trước khi nhấp vào nút "Thay đổi giá trị của màu đầu vào" -
Sau khi nhấp vào nút "Thay đổi giá trị của màu đầu vào" -
