javascript - 常用互动 innerhtml className display class

来源:互联网 发布:python 内存地址 编辑:程序博客网 时间:2024/05/16 13:02
常用互动方法:document.write() 输出alert(); 警告confirm(); 确认prompt(); 提问window.open(); 打开新窗口window.close();关闭新窗口window.open() - 打开新窗口window.close() - 关闭当前窗口window.moveTo() - 移动当前窗口window.resizeTo() - 调整当前窗口的尺寸

改变HTML样式:
语法:
Object.style.property=new style;

注意:Object是获取的元素对象,如通过document.getElementById(“id”)获取的元素。

基本属性表(property):

这里写图片描述

<p id="pcon">Hello World!</p><script>   var mychar = document.getElementById("pcon");   mychar.style.color="red";   mychar.style.fontSize="20";   mychar.style.backgroundColor ="blue";</script>
显示和隐藏(display属性)网页中经常会看到显示和隐藏的效果,可通过display属性来设置。语法:Object.style.display = value mychar.style.display="none";
控制类名(className 属性)className 属性设置或返回元素的class 属性。语法:object.className = classname作用:1.获取元素的class 属性2. 为网页内的某个元素指定一个css样式来更改该元素的外观
0 0
原创粉丝点击