开发工具与关键技术:JS
作者:赵纯雨
班级:1803
撰写时间:2019.6.10
设置样式属性的时候要把style写出来才是设置样式属性,可以分为六部分:
一、改变HTML输出流:JavaScript它能够创建动态的HTML内容,今天的日期是:Mon Jun 26 11:36:03 2017,在JavaScript中,document.write()它是可以直接用于直接向HTML输出流写内容。提示:不可以在使用文档加载之后再使用,document.write()。这样子写的话会覆盖该文档,如下列所示:
old header
![在这里插入图片描述](https://img-blog.csdnimg.cn/20190617155332708.png)二、改变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更改此元素的属性:
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/b32abec4bc7e3e6baf48c7cba6ded8e7.png)
四、创建新的HTML元素:如需向HTML DOM 添加新元素,你首先必须创建1该元素(元素节点),然后把它追加到已有的元素上:
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/917a69775cfa5a5337d5c7836f98c571.png)
五、:这段代码就是在创建了新的
元素: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样式属性的改变的语法和用法。