爲什麼我們不能使用text屬性來更改元素,而是我們必須使用innerHTML屬性?爲什麼我們不能使用text屬性來更改元素?
它不工作:
h1.text = "The Title";
而且它的工作原理:
h1.innerHTML = "The title"; //It's worked;
爲什麼我們不能使用text屬性來更改元素,而是我們必須使用innerHTML屬性?爲什麼我們不能使用text屬性來更改元素?
它不工作:
h1.text = "The Title";
而且它的工作原理:
h1.innerHTML = "The title"; //It's worked;
你誤用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>
謝謝。爲什麼我可以在chrome dev中運行:h1.text =「The Title」,並獲取一個字符串值。 –
@GeXiaoxiong當你做'var a = {}; a.text =「title」;'返回值是'「title」'。這並不意味着Chrome實際上正在設置'h1'元素的textContent;這只是javascript賦值表達式的返回值。 – naomik
清除!謝謝。 –
「的.text」在JavaScript中不支持,但在JS
和jQuery庫無屬性都呼籲HTML(申辯)運行的JavaScript
的innerHTML的funtion和HERE你可以得到基本的知識約DOM
我推薦學習javascript和DOM的基礎知識,沒有任何框架(如JQuery)。 – jazZRo
謝謝你的建議。 –