JavaScript HTML DOM - 改变 HTML 改变 CSS

改变HTML输出流

JavaScript能够动态的创建HTML内容:

今天的日期是： Tue Feb 27 2018 09:52:37 GMT+0800 (中国标准时间)

在JavaScript中，document.write()可用于直接向HTML输出流写内容。

document.write(Date());

绝不能在文档加载之后使用，document.write()。这会覆盖该文档

改变HTML内容

修改HTML内容最简单的方法是使用innerHTML属性

改变HTML元素内容，请使用这个语法:

document.getElementById("id").innerHTML=new HTML

改变HTML属性 （attribute）

语法：

document.getElementById('id').attribute="new value";

document.getElementById("image").src="landscape.jpg";

改变HTML样式

如需改变HTML元素的样式，请使用这个语法

document.getElementById('id').style.property="new style";

document.getElementById("p2").style.color="blue";

<button type="button" οnclick="document.getElementById('id1').style.color='red'">
点击这里
</button>