-
改变 HTML 样式 HTML DOM 允许 JavaScript 改变 HTML 元素的样式。如何改变 HTML 元素的样式呢？ 语法: Object.style.property=new style; 注意:Object是获取的元素对象，如通过document.getElementById("id")获取的元素。 基本属性表（property）: 注意:该表只是一小部分CSS样式属性，其它样式也可以通过该方法设置和修改。 看看下面的代码: 改变 <p> 元素的样式，将颜色改为红色，字号改为20,背景颜色改为蓝： <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> 结果:查看全部
-
1.单行注释，在注释内容前加符号 “//”。 2.多行注释以"/*"开始，以"*/"结束。查看全部
-
1. “;”分号要在英文状态下输入，同样，JS中的代码和符号都要在英文状态下输入。 2. 虽然分号“;”也可以不写，但我们要养成编程的好习惯，记得在语句末尾写上分号。查看全部
-
引用JS外部文件 <script src="script.js"></script>查看全部
-
document.write("hello")是原样输出括号的hello document.getElementById("p1").style.color="blue";这句话的的作业是获得一个叫P1的元素 是他里面的内容颜色为蓝色。 JS对大小写很敏感查看全部
-
innerHTML 属性 innerHTML 属性用于获取或替换 HTML 元素的内容。 语法: Object.innerHTML 注意: 1.Object是获取的元素对象，如通过document.getElementById("ID")获取的元素。 2.注意书写，innerHTML区分大小写。 我们通过id="con"获取<p> 元素，并将元素的内容输出和改变元素内容，代码如下: 结果:查看全部
-
通过ID获取元素 学过HTML/CSS样式，都知道，网页由标签将信息组织起来，而标签的id属性值是唯一的，就像是每人有一个身份证号一样，只要通过身份证号就可以找到相对应的人。那么在网页中，我们通过id先找到标签，然后进行操作。 语法: document.getElementById(“id”) 看看下面代码: 结果:null或[object HTMLParagraphElement] 注:获取的元素是一个对象，如想对元素进行操作，我们要通过它的属性或方法。查看全部
-
"改变颜色"、"改变宽高"、"隐藏内容"、"显示内容"、"取消设置"的函数，点击相应按钮执行相应操作，点击"取消设置"按钮后，提示是否取消设置，如是执行操作，否则不做操作。查看全部
-
恢复默认样式：object.setAttribute("style","")查看全部
-
javascript 严格区分大小写查看全部
-
prompt弹出消息对话框,通常用于询问一些需要与用户交互的信息。弹出消息对话框（包含一个确定按钮、取消按钮与一个文本输入框）。 语法: prompt(str1, str2); 参数说明： str1: 要显示在消息对话框中的文本，不可修改 str2：文本框中的内容，可以修改 返回值: 1. 点击确定按钮，文本框中的内容将作为函数返回值 2. 点击取消按钮，将返回null查看全部
-
confirm 消息对话框通常用于允许用户做选择的动作，如：“你对吗？”等。弹出对话框(包括一个确定按钮和一个取消按钮)。confirm(str); str：在消息对话框中要显示的文本 返回值: Boolean值 当用户点击"确定"按钮时，返回true 当用户点击"取消"按钮时，返回false true & false 配合if...else应用查看全部
-
弹窗询问是否打开新窗口，是的话确认网址，然后弹出查看全部
-
这个下载不了啊？查看全部
-
<html> <form> <!--当点击相应按钮，执行相应操作，为按钮添加相应事件--> <input type="button" value="改变颜色" onclick="changeColor()"> <input type="button" value="改变宽高" onclick="changewidhig()"> <input type="button" value="隐藏内容" onclick="hideInner()"> <input type="button" value="显示内容" onclick="showInner()"> <input type="button" value="取消设置" onclick="giveupset()"> </form> <script type="text/javascript"> var text = document.getElementById("txt"); //定义"改变颜色"的函数 function changeColor(){ text.style.color = "blue"; text.style.backgroundColor = "yellow"; }; //定义"改变宽高"的函数 function changewidhig(){ text.style.width = "200px"; text.style.height = "300px"; }; //定义"隐藏内容"的函数 function hideInner(){ text.style.display = "none"; }; //定义"显示内容"的函数 function showInner(){ text.style.display="block"; }; //定义"取消设置"的函数 function giveupset(){ var flag = confirm("是否取消设置？"); if(flag){ text.setAttribute('style',''); }else{ alert("不取消设置"); } }; </script> </body> </html>查看全部
举报
0/150
提交
取消