为什么我们不能使用text属性来更改元素？

Question

为什么我们不能使用text属性来更改元素，而是我们必须使用innerHTML属性？

它不工作：

h1.text = "The Title"; 

而且它的工作原理：

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

Answer 1

你误用jQuery的API的原生DOM API。

---

设置文本

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库无属性都呼吁HTML（申辩）运行的JavaScript

的innerHTML的funtion

和HERE你可以得到基本的知识约DOM

Answer 3

你会使用这个h1.innerHTML = "Hello world!"如果您正在使用AJ avascript。否则$("h1").text("Hello world!");如果你使用JQuery。