设置样式属性

开发工具与关键技术：JS
作者：赵纯雨
班级：1803
撰写时间：2019.6.10

设置样式属性的时候要把style写出来才是设置样式属性，可以分为六部分：
一、改变HTML输出流：JavaScript它能够创建动态的HTML内容，今天的日期是：Mon Jun 26 11:36:03 2017,在JavaScript中，document.write（）它是可以直接用于直接向HTML输出流写内容。提示：不可以在使用文档加载之后再使用，document.write（）。这样子写的话会覆盖该文档，如下列所示：

old header


二、改变HTML的内容：修改HTML内容它最简单的方法就是使用innerHTML属性，如果需要改变HTML元素的内容的话，请使用这个语法：document.getElementById(id).innerHTML = new HTML;
就是把

this is a paragraph

的文本改变成New Text。
docment.getElementById(“p1”).innerHTML = “New Text”;
三、改变HTML属性：docment.getElementById(id).attribute=new value找到具体的ID，然后点出具体的属性，上面的HTML文档含有id=”image”的 元素，我们使用HTML DOM 来获得id=”image”，JavaScript更改此元素的属性：

四、创建新的HTML元素：如需向HTML DOM 添加新元素，你首先必须创建1该元素（元素节点），然后把它追加到已有的元素上：

五、：这段代码就是在创建了新的

元素：var para = document.createElement(“p”);如果需要向§元素内去添加问本内容的话，你就必须要首先创建问本节点，这段代码创建了一个文本节点：var node = document.createTextNode（“这是新段落”）：

Visibility = ‘hidden’改变它的是否显示，如需改变HTML元素的样式，请使用这个语法：document.getElementById.style.property=new style。
1、Javascript能够改变页面中的所有HTML元素
2、Javascript能够改变页面中的所有HTML属性
3、Javascript能够改变页面中的所有CSS样式
4、Javascript能够改变页面中的所有事件做出反应
改变元素就是改变文本内容，就是直接点出具体的点出某个属性，改变样式点处style再具体的某一个属性，因此对事件来做出反应。
五、事件做出反应：

我们可以在事件发生时执行javasript，比如当用户在HTML元素上点击时，如过需要在用户点击某一个个元素时执行代码，请向一个HTML事件属性添加Javascript代码：οnclick=Javascript。
HTML事件的例子：当用户点击鼠标时、当网页已加载时、当图像已加载时，当鼠标移动到元素上时、当提交HTML表单时、当用户触发按键时。
六、向Button元素分配onclick点击事件：

点击按钮就可以执行displayDate函数

点击这里 Document.getElementById(“myBtn”).onclick = function () { displayDate()}; Function displayDate(){ Document.getElementById(“demo”).innerHTML = Date(); } 弄一个button的标签，id是myBtn，大括号是函数里面要执行的某一个将要执行的一个操作。以上就是对style样式属性的改变的语法和用法。