九门宁生

导航

2019年8月23日 #

全选和反选案例

摘要： <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> <style> * { padding: 0; margin: 0; } .wrap { width: 300px; margin: 100px auto 0; } table { border-collapse: collapse; bor 阅读全文

posted @ 2019-08-23 17:52 九门宁生 阅读(250) 评论(0) 推荐(0) 编辑

文本框的灰字设置

摘要： Document 阅读全文

posted @ 2019-08-23 15:12 九门宁生 阅读(510) 评论(0) 推荐(0) 编辑

获取下拉框元素随机选中

摘要： Document 阅读全文

posted @ 2019-08-23 15:08 九门宁生 阅读(494) 评论(0) 推荐(0) 编辑

检测用户名和密码

摘要： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style> .bg { background-color: yellow; } </style> </head> <body> <input type="text" id="txtUserName"> < 阅读全文

posted @ 2019-08-23 15:03 九门宁生 阅读(504) 评论(0) 推荐(0) 编辑

获取文本框的值

摘要： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> <input type="text"><br> <input type="text"><br> <input type="text">< 阅读全文

posted @ 2019-08-23 14:32 九门宁生 阅读(1995) 评论(0) 推荐(0) 编辑

表单元素的属性

摘要： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> <input type="button" value="按钮" id="btn"> <input type="button" value="设置文本框的 阅读全文

posted @ 2019-08-23 14:30 九门宁生 阅读(300) 评论(0) 推荐(0) 编辑

判断浏览器是否支持某属性

摘要： Document hello 阅读全文

posted @ 2019-08-23 14:20 九门宁生 阅读(366) 评论(0) 推荐(0) 编辑

innerText和innerHTML

摘要： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> <div id="box"> 我一个div <span>这是一个span</span> </div> <b>123</b> &quot; &lt;b&a 阅读全文

posted @ 2019-08-23 14:16 九门宁生 阅读(241) 评论(0) 推荐(0) 编辑

取消a标签的默认行动（跳转到href）

摘要： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> <a id="link" href="http://www.baidu.com">百度</a> <script> var link = document.getElementById( 阅读全文

posted @ 2019-08-23 13:33 九门宁生 阅读(2661) 评论(0) 推荐(0) 编辑

非表单元素属性代码案例

摘要： Document 阅读全文

posted @ 2019-08-23 13:11 九门宁生 阅读(185) 评论(0) 推荐(0) 编辑

切换图片案例

摘要： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> <input type="button" value="点我" id="btn"> <br> <img src="images/a.jpg" id=& 阅读全文

posted @ 2019-08-23 13:10 九门宁生 阅读(182) 评论(0) 推荐(0) 编辑

DOM概述

摘要： 文档对象模型（Document Object Model，简称DOM），是W3C组织推荐的处理可扩展标记语言的标准编程接口。它是一种与平台和语言无关的应用程序接口(API),它可以动态地访问程序和脚本，更新其内容、结构和www文档的风格(目前，HTML和XML文档是通过说明部分定义的)。文档可以进一 阅读全文

posted @ 2019-08-23 13:07 九门宁生 阅读(650) 评论(0) 推荐(0) 编辑