Описание объектов JavaScript

Question

Почему эти две переменные разные? Я читал documentation, и я до сих пор не понимаю его полностью.

переменной 1:

<textarea id="code"> 
    //...[buncha code here] 
</textarea> 
var example = document.querySelector('#code'); 

переменной 2:

вар пример = "[Buncha код здесь]";

Замените в скобках любым кодом, который вы желаете. При обращении к первой переменной, вы должны использовать example.value вместо просто example или возвращает [object HTMLTextAreaElement]. Это потому, что это не строка?

Как вручную установить переменную (например, в примере Variable 2), чтобы содержать код, который может быть оценен, например. с eval(example.value)?

Answer 1

В вашем Variable 2 пример, который вы не используете eval(example.value), потому что это строка. Вы бы просто использовали eval(example). В вашем примере Variable 1 вам понадобится example.value, потому что в противном случае это был бы элемент DOM. В вашем переменной 1 например example.id будет струнный code, где example.value является value attrubute, что в случае <textarea>, действительно выглядит innerHTML, но с момента его входа формы вы используете .value.

Answer 2

В примере с переменной 1 это объект, элемент HTML.

В примере с переменной 2 это строка.

Answer 3

var example = document.querySelector('#code').value; 

document.querySelector ('# code') возвращает DOMElement. Вам просто нужно присвоить значение свойства этого элемента вашей переменной вместо целого элемента.