Discuss / JavaScript / 交作业·还需要再理解innerContent
Back

交作业·还需要再理解innerContent

Topic source

爱听民谣的诗人

#1 Created at ... [Delete] [Delete and Lock User] 
// 获取<p>javascript</p>节点:
var js = document.getElementById("test-js");

// 修改文本为JavaScript:
// TODO:
js.innerText="JavaScript"
// 修改CSS为: color: #ff0000, font-weight: bold
// TODO:
js.style.color="#ff0000";
js.style.fontWeight="bold";

爱听民谣的诗人

#2 Created at ... [Delete] [Delete and Lock User]

两者的区别在于读取属性时，innerText不返回隐藏元素的文本，而textContent返回所有文本。

谁能帮忙举例说明一下这段话，看不太明白。

firmit

#3 Created at ... [Delete] [Delete and Lock User]

参考作业代码

// 获取<p>javascript</p>节点:
var js = document.getElementById('test-js');

// 修改文本为JavaScript:
// TODO:
js.innerText = 'JavaScript';

js.innerHTML = '<span style="display:none;">aa</span>bbcc';

alert(js.innerText);        //bbcc
alert(js.textContent);        //aabbcc
  • 1

Reply