Я пытаюсь получить цветной ввод в HTML, и я не могу получить значение, которое выбрал пользователь. Это мой код:HTML не может получить значение цвета ввода
function setColor() {
alert(document.getElementById("colorPicker").value)
}<button type="button" onclick="setColor()">Set Color</button>
<input type="color" name="colorPicker" value="#ff0000">Вы пытаетесь выбрать input через его ID (т.е. getElementById()), но элемент не имеет идентификатора, только имя. Обновление <input /> включить атрибут id следующим образом:
function setColor()
{
\t alert(document.getElementById("colorPicker").value)
}<button type="button" onclick="setColor()">Set Color</button>
<input type="color" id="colorPicker" name="colorPicker" value="#ff0000" />Добавить к входному элементу «идентификатор» атрибут со значением «Colorpicker».
Похоже, вы пытаетесь выбрать вход, используя «getElementById» и это на самом деле не имеет идентификатора
нет такого элемента с идентификатором «Colorpicker». вы должны установить входной id="colorPicker" вместо
<html>
<head>
<script>
function setColor() {
alert(document.getElementById("colorPicker").value)
}
</script>
</head>
<body bgcolor="#808080">
<button type="button" onclick="setColor()">Set Color</button>
<input type="color" name="colorPicker" id="colorPicker" value="#ff0000">
</body>
</html>
Есть несколько вещей, которые неправильно в вашем коде
Проверьте следующий фрагмент кода
window.onload=function(){
var el = document.getElementById("button1");
el.addEventListener("click", setColor);
}
function setColor() {
alert(document.getElementById("colorPicker").value);
}<body bgcolor="#808080">
<input type="button" id="button1" value="Set Color"></input>
<input type="color" id="colorPicker" value="#ff0000">
</body>
Ну для начала у вас нет элемента с идентификатором Colorpicker – j08691
Это опечатка, 'getElementById' явно нуждается идентификатор, Wouldn» Ты думаешь? – adeneo