Почему мы не можем использовать свойство text для изменения элемента?

Question

Почему мы не можем использовать свойство text для изменения элемента, вместо этого мы должны использовать свойство innerHTML?

Это не работает:

h1.text = "The Title"; 

И это работает:

h1.innerHTML = "The title"; //It's worked; 

Answer 1

Вы спутать родной DOM API с API JQuery.

---

Чтобы задать текст

JQuery

$elem.text("foo"); 

DOM API

elem.textContent = "foo"; 

---

Для того, чтобы установить HTML

JQuery

$elem.html("<p>foo</p>"); 

DOM API

elem.innerHTML = '<p>foo</p>'; 

---

Использование DOM API, вы можете также использовать textNode, чтобы добавить текст к элементу.

var p = document.createElement("p"); 
var text = document.createTextNode("foo"); 
p.appendChild(text); 
//=> <p>foo</p> 

Answer 2

".text" не поддерживается в JavaScript, нет собственности в JS

и библиотеки JQuery обратитесь в Funtion называется HTML (argu) управлять innerHTML из JavaScript

и HERE вы можете получить базовые знания о DOM

Answer 3

вы использовали этот h1.innerHTML = "Hello world!" если вы используете РЖ avascript. В противном случае $("h1").text("Hello world!"); если вы использовали JQuery.