如何通过JavaScript调整页面元素样式？

本文共计666个文字，预计阅读时间需要3分钟。

方法：1、使用`element.innerText=值`或`element.innerHTML=值`语句修改元素内容；2、使用`element.style`或`element.className`语句修改元素样式属性。操作环境：Windows 7系统、JavaScript。

方法：1、使用“element.innerText='值'”或“element.innerHTML='值'”语句修改元素内容；2、使用“element.style”或“element.className”语句修改元素样式属性。

本教程操作环境：windows7系统、javascript1.8.5版、Dell G3电脑。

操作修改元素

JavaScript的DOM操作可以改变网页内容、结构和样式，我们可以利用DOM操作元素来改变元素里面的内容、属性等。

改变元素的内容

element.innerText从起始位置到终止位置的内容，但它去除html标签，同时空格和换行也会去掉

element.innerHTML起始位置到终止位置的全部内容，包括html标签，同时保留空格和换行。

innerText不识别HTML标签，innerHTML识别HTML标签。这两个属性是可读写的。