-
HTML DOM 允许 JavaScript 改变 HTML 元素的样式。如何改变 HTML 元素的样式呢？ 语法: Object.style.property=new style; 注意:Object是获取的元素对象，如通过document.getElementById("id")获取的元素。 基本属性表（property）: 注意:该表只是一小部分CSS样式属性，其它样式也可以通过该方法设置和修改。查看全部
-
innerHTML 属性用于获取或替换 HTML 元素的内容。 语法: Object.innerHTML 注意: 1.Object是获取的元素对象，如通过document.getElementById("ID")获取的元素。 2.注意书写，innerHTML区分大小写。查看全部
-
改变 HTML 样式 HTML DOM 允许 JavaScript 改变 HTML 元素的样式。 语法: Object.style.property=new style; 注意:Object是获取的元素对象，如通过document.getElementById("id")获取的元素。 eg: var mychar= document.getElementById("con"); mychar.style.color="red"; mychar.style.width="300px"; 属性 描述 backgroundColor 设置元素的背景颜色 height 设置元素的高度 width 设置元素的宽度 color 设置文本的颜色 font 在一行设置所有的字体属性 fontFamily 设置元素的字体系列 fontSize 设置元素的字体大小查看全部
-
document.getElementById(“id”)查看全部
-
文档对象模型DOM（Document Object Model）定义访问和处理HTML文档的标准方法。DOM 将HTML文档呈现为带有元素、属性和文本的树结构（节点树）。查看全部
-
function openWindow(){ var opwin=confirm('是否打开新窗口') // 新窗口打开时弹出确认框，是否打开 if(opwin==true){ var opwindow=prompt('输入网址','www.imooc.com') // 通过输入对话框，确定打开的网址，默认为 http：//www.imooc.com/ if(opwindow!=null){ window.open('http://www.imooc.com','_blank','width=400px,height=500px,menubar=no,statute=no') }else{alert('BYE')} } //打开的窗口要求，宽400像素，高500像素，无菜单栏、无工具栏。 else{alert('BYE')} }查看全部
-
innerHTML 属性用于获取或替换 HTML 元素的内容。 语法: Object.innerHTML 注意: 1.Object是获取的元素对象，如通过document.getElementById("ID")获取的元素。 2.注意书写，innerHTML区分大小写。查看全部
-
通过ID获取元素: document.getElementById(“id”); 结果:null或[object HTMLParagraphElement]等 注:获取的元素是一个对象，如想对元素进行操作，我们要通过它的属性或方法。 eg: <h1 id="con">JavaScript</h1> <script type="text/javascript"> var mychar=document.getElementById('con'); document.write("结果:"+mychar); 输出： JavaScript 结果:[object HTMLHeadingElement] 若<script>放在<head>里，在id之前执行js就是空了，即null 若var mychar=document.getElementById('con').innerHTML; 或var mychar=document.getElementById('con').lastChild.nodeValue; 则输出： JavaScript 结果:JavaScript eg： <p id="con">JavaScript</p> <script type="text/javascript"> var mychar=document.getElementById('con'); document.write("结果:"+mychar); 输出： JavaScript 结果:[object HTMLParagraphElement]查看全部
-
打开新窗口（window.open） open() 方法用于打开一个新的窗口。 语法： window.open(<URL>, <窗口名称>, <参数字符串>) 参数说明: URL：打开窗口的网址或路径。 窗口名称：被打开窗口的名称。 可以是"_top"、"_blank"、"_selft"等。 参数字符串：设置窗口参数，各参数用逗号隔开。查看全部
-
确认（confirm 消息对话框） confirm 消息对话框通常用于允许用户做选择的动作，如：“你对吗？”等。弹出对话框(包括一个确定按钮和一个取消按钮)。 语法: confirm(str);查看全部
-
警告（alert 消息对话框） 我们在访问网站的时候，有时会突然弹出一个小窗口，上面写着一段提示信息文字。如果你不点击“确定”，就不能对网页做任何操作，这个小窗口就是使用alert实现的。 语法: alert(字符串或变量);查看全部
-
function()查看全部
-
part3 DOM操作 1：获取ID：var myid=document.getElementById(" "); 2: innerHTML属性:myid.innerHTML获取内容或者重新设置内容myid.innerHTML="new innerhtml" 3:改变HTML样式：myid.style.width/height/backgroundColor/backgroundImage/color等/="newset" note:removeAttribute()是移除属性操作,如myid.removeAttribute("width");删除宽度属性； 注意：删除style中的所有属性不能用myid.removeAttribute('style');而是用myid.style.cssTest=""; :元素不显示display:"none"/visibility:"hidden"; 元素显示：display：”block”/visibility："visible"; display和visibility的却别： 不显示时：display：hidden的元素是浮动的，不占据任何位置，下层元素会填上去，而visibility：hidden还是占据原来的位置，且其不再接受响应事件。 5：myid.className="other classname";g改变类名，从而改变属性。查看全部
-
<javascript初级篇〉 学习内容： part1 基础 1：插入<script type="text/javascript"></script> 或引入js文件〈script src="地址"></script> note:js的位置最好在后面：因为HTML渲染的顺序是从上到下的，遇到js会停下来，到服务器下载js 文件，这样就会出现停顿的体验，非常不好。浏览器解读HTML文件一般顺序：下载css、渲染页面、下载js 2:注释：单行：//多行：/* */ 3：定义变量：var my;//变量是一个存储器 4:if else和Java类似 5：function定义函数，函数的效果：类似Java。 part2 常用自带函数 1：输出内容：document.write(); 2:提示框：alert（）； 3：确认框：confirm（）；点击确定并返回1，取消返回0； 4：消息对话：prompt（"str1","str2");str1是现实的消息，str2是在输入框中的内容（可以改动，可以不写），返回） 5：打开窗口：window.open（<url>,<打开类型>,<参数字符串>） ①url内容要用""括着，用，隔开 ②打开类型：_blank:新的窗口打开；_top：本窗口打开；_self：原来的位置打开 ③参数：top/left/width/scollbars/status/toolbars 6:关闭窗口：window.close；window.close()//关闭本窗口或<窗口对象>.close();查看全部
-
控制类名（className 属性） className 属性设置或返回元素的class 属性 object.className = classname <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title>className属性</title> <style> body{ font-size:16px;} .one{ border:1px solid #eee; width:230px; height:50px; background:#ccc; color:red; } .two{ border:1px solid #ccc; width:230px; height:50px; background:#9CF; color:blue; } </style> </head> <body> <p id="p1" > JavaScript使网页显示动态效果并实现与用户交互功能。</p> <input type="button" value="添加样式" onclick="add()"/> <p id="p2" class="one">JavaScript使网页显示动态效果并实现与用户交互功能。</p> <input type="button" value="更改外观" onclick="modify()"/> <script type="text/javascript"> function add(){ var p1 = document.getElementById("p1"); p1.className = "one"; } function modify(){ var p2 = document.getElementById("p2"); p2.className = "two"; } </script> </body> </html> 作用: 1.获取元素的class 属性 2. 为网页内的某个元素指定一个css样式来更改该元素的外观查看全部
举报
0/150
提交
取消