innerHTML и document.getElementbyId(). Значение конфликтующее?

Question

У меня возникла проблема. Я использую document.getElementById("foo").innerHTML, чтобы установить значение <li>. Затем, позже в коде, я получаю доступ к нему, используя document.getElementById("foo").value. Однако это возвращает «undefined». Код выглядит примерно так:

document.getElementById("myElement").innerHTML = "This is a test"; 
... 
var v = document.getElementById("myElement").value; // Returns "undefined" 

Я пробовал несколько способов исправить это, но безрезультатно. Кто-нибудь знает, что происходит?

Answer 1

value для <form> элементов, таких как <input>, <progressbar> и т.д., для <li> вы должны использовать innerHTML, как вы уже делаете.

Answer 2

value Атрибут доступен для ввода. Как вы установили innerHTML, вы можете получить его, просто ссылаясь на него как: document.getElementById("myElemento").innerHTML.

Answer 3

Элемент должен быть полем ввода, чтобы иметь значение. Ли не является полем ввода, поэтому значение не определено.