Доступ к тексту метки.Доступ к тексту этикетки с помощью JavaScript
я могу найти значение входного тега через:
<label for="t">Try this <input type="text" id="t" /></label>
<input type="button" onclick="alert(document.getElementById('t').value)" value="Click me!"/>Но что это метод для доступа текст лейбла «Try это»?
используя .innerHTML ничего не дает. .parentNode.value дал undefined.
<label for="t">Try this <input type="text" id="t" /></label>
<input type="button" onclick="alert(document.getElementById('t').parentNode.innerText)" value="Click me!"/>Вы можете искать элемент по имени тега, используя document.getElementsTagName() метод. Этот метод возвращает все элементы с тегом <label></label>
<label for="t">Try this <input type="text" id="t" /></label>
<input type="button" onclick="alert(document.getElementsByTagName('label')[0].innerText)" value="Click me!"/>почему [0]? [1]? [2]? –
потому что 'document.getElementsTagName()' извлекает весь существующий элемент с заданным именем тега, поэтому он явно возвращает массив, даже если есть только один элемент – jonju
Я знаю это, но почему [0]? –
Дайте ярлыку идентификатор, скажем, LBL:
<label id="lbl" for="t">Try this <input type="text" id="t" /></label>
Сейчас в JavaScript, вы можете получить доступ текст с помощью:
document.getElementById('lbl').innerText
лет u также может обрезать результат, чтобы избавиться от пробелов.
Это не работает. Он возвращает Try this . – windsurf88
.innerHTML return Попробуйте это . – windsurf88
, как вы можете видеть в ответе, используйте innerText not innerHTML – TestCandidate
Спасибо. .parentNode.innerText - не нужно было добавлять идентификатор на метку в дополнение к свойству. Считается излишним. – windsurf88