一、DOM对象简介DOM是文档对象模型。 二、文档对象获取的方法2.1 通过Id来获取元对象:document.getElementById("id值"),返回的是一个对象。2.2 通过标签名来获取对象 :document.getElementsByTagName("标签名");返回一个集合【数组】。2.3 通过class属性值来获取对象:document.getElementsByClassName("sp");返回一个集合【数组】。2.4 通过name 属性值来获取对象:document.getElementsByName("name属性值");返回一个集合【数组...
本文主要就为大家带来一篇JQuery 选择器、DOM节点操作练习实例。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧,希望能帮助到大家。一、练习一1、需求效果分析:2、代码示例:<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title></title><script src="jquery-1.9.1/jquery.js"></script><script ...
求1~9999之间的整数,判断是否文回文数,如果是则输出并且输出这个数的位数<script type="text/javascript">/*先整理思路、、、、、 var n = 3223; 只要前后颠倒相等就是回文数 整数的位数: n.length for(var i = n.length - 1; i <= o ; i--){m.push(n[i]); }document.write(m); */function huiwen(){ var num = prompt("请输入一个整数");document.write("你输入的数是:" + num + "<br>"); var n =""; //定义颠...
( i = 1 ; i <= 3 ; i++( x = 1; x <= i; x++*<br> 求阶乘的和1!+2!+3!+4!+...+N! n=prompt(输入 sum=0( x = 1;x <=n ; x++ factorial=1( y=1; y <= x; y++*=factorial(y-1)*y+=9*9乘法表打印for(var i = 1;i <= 9;i++){ //变量代表行数 for(var y = 1; y <= i; y++){ //变量每行的个数document.write(i+*+y+"="+i*y+ );} ...
工作闲暇做一道题:这个题的意思是:删除一样的相邻元素,返回新数组。这里用Array.filter方法最好了,我的答案如下:var uniqueInOrder=function(iterable){ var arr = typeof(iterable) === string ? iterable.split() : iterable; var pre = ; return arr.filter(function(i){if(i === pre){ return false;}else{pre = i; return true;}}) }这里注意,filter是不会修改原数组的,它只返回新数组,并且还有一个功能...
欢迎和大家一起来讨论~ 基础练习(1): 我的解答为:function array_diff(a, b) { if (b == "") return a; return a.filter(function(item,index,array) {var flag = false;for(var i=0;i<b.length;i++) { if(item !== b[i]) flag = true;}return flag;}); }较优解答为:function array_diff(a, b) { return a.filter(function(x) { return b.indexOf(x) == -1; }); } 分析:对数组a使用filter()方法,迭代判断数组a中的...
Instruction:x Simple, given a string of words, return the length of the shortest word(s).String will never be empty and you do not need to account for different data types.根据描述,这里不要求判断是否为空和数据类型,所以就放心大胆的写出一段话中最短字体的长度了刚开始我是这么写的:1 function findShort(s){2 var arr = s.split( ).map(function(t){return t.length});3 return Math.min.apply(null,arr);...
最近在学习的时候到了基础算法这一章节,让我对js内置对象方法的掌握还有思维逻辑都得到了提升,所借此机会来写一写学习心得和总结。下面这篇文章主要介绍了利用javascript实现翻转字符串与回文的相关资料,需要的朋友可以参考借鉴,下面来一起看看吧。翻转字符串翻转字符串(Reverse a String),就是把字符串倒序处理的意思,比如给定一个字符串”hello”,翻转后应该返回”olleh”。测试用例reverseString("hello") 应该返回 “ol...
Javascript_9_DOM_节点练习<html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=GBK" /><title>DOM_节点练习</title><style type="text/css">div{border:#008FF0 solid 2px;width:100px;height:50px;padding:5px;margin:10px;}#div_1{background-color:blue;}#div_2{background-color:red;}#div_3{background-color:green;}#div_4{background-color:orange;}</style><...
Javascript_10_DOM_练习<html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=GBK" /><title>DOM_实例练习</title><style type="text/css">a:link,a:visited{color: blue;text-decoration: none;}a:hover{color: red;}.large{font-size: 26px;}.normal{font-size: 16px;}.small{font-size: 12px;}dl{height: 16px;overflow: hidden;}dl dt{color: orange;}dl dd{margin...
Javascript_11_DOM_表格练习<html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=GBK" /><title>DOM_表格练习</title><style type="text/css">a:link,a:visited{color: blue;text-decoration: none;}a:hover{color: red;}table{border: #008FF0 dashed 1px;}table td{border: #008FF0 dashed 1px;background-color: orange;}</style></head><body><h1>DOM_表格练习</h...
Javascript_14_DOM_radio练习<html><head><meta http-equiv="Content-Type" content="text/html; charset=GBK"><title>DOM_radio练习</title><style type="text/css">#div_id_1{display:none;}#ul_id_1{list-style:none;margin:0px;}.close{display:none;}.open{display:block;}</style>==============我是分割线==================/** 需求:根据所选的单选按钮,展开显示相应的结果*/<script ty...
Javascript_15_DOM_select练习<html><head><meta http-equiv="Content-Type" content="text/html; charset=GBK"><title>DOM_select练习</title><style type="text/css">a:link,a:visited{color: blue;text-decoration: none;}a:hover{color: red;}table{color:white;font-weight: bold;border: #008FF0 dashed 1px;}table th{border: #008FF0 dashed 1px;background-color: grey;}table td{border: #008FF0 dashed 1px;}.div_class...
Javascript_16_DOM_form练习<html><head><meta http-equiv="Content-Type" content="text/html; charset=GBK"><title>DOM_form练习</title></head><body>正则表达式对象 本对象包含正则表达式模式以及表明如何应用模式的标志。 语法 1 re = /pattern/[flags] 语法 2 re = new RegExp("pattern",["flags"]) 参数 re 必选项。将要赋值为正则表达式模式的变量名。 Pattern 必选项。要使用的正则表达式模式。如果使用语法 1,用 "/" ...
JS练习代码相关的源代码如下:1.beginFormPanel.js(作用:外层html文件中表单的展现) <script> var beginFormPanel = Ext.extend(Ext.form.FormPanel,{ constructor:function() { beginFormPanel.superclass.constructor.call ( this, { title:"myForm(绝不裸奔)", width:418, height:180, frame:true, labelWidth:45, style:"margin-left:250px", defaultType:"textfield", defaults:{anchor:"95%"}, items: [ { ...