• document的JavaScript一些用法


    1. 通过顶层document节点获取:
    (1) document.getElementById(elementId):该方法通过节点的ID,可以准确获得需要的元素,是比较简单快捷的方法。如果页面上含有多个相同id的节点,那么只返回第一个节点。
    如今,已经出现了如prototype、Mootools等多个JavaScript库,它们提供了更简便的方法:$(id),参数仍然是节点的id。这个方法可以看作是document.getElementById()的另外一种写法,不过$()的功能更为强大,具体用法可以参考它们各自的API文档。
    (2)document.getElementsByName(elementName):该方法是通过节点的name获取节点,从名字可以看出,这个方法返回的不是一个节点元素,而是具有同样名称的节点数组。然后,我们可以通过要获取节点的某个属性来循环判断是否为需要的节点。
    例如:在HTML中checkbox和radio都是通过相同的name属性值,来标识一个组内的元素。如果我们现在要获取被选中的元素,首先获取改组元素,然后循环判断是节点的checked属性值是否为true即可。
    (3)document.getElementsByTagName(tagName):该方法是通过节点的Tag获取节点,同样该方法也是返回一个数组,例如:document.getElementsByTagName('A')将会返回页面上所有超链接节点。在获取节点之前,一般都是知道节点的类型的,所以使用该方法比较简单。但是缺点也是显而易见,那就是返回的数组可能十分庞大,这样就会浪费很多时间。那么,这个方法是不是就没有用处了呢?当然不是,这个方法和上面的两个不同,它不是document节点的专有方法,还可以应用其他的节点,下面将会提到。
    2、通过父节点获取:
    (1)parentObj.firstChild:如果节点为已知节点(parentObj)的第一个子节点就可以使用这个方法。这个属性是可以递归使用的,也就是支持parentObj.firstChild.firstChild.firstChild...的形式,如此就可以获得更深层次的节点。
    (2)parentObj.lastChild:很显然,这个属性是获取已知节点(parentObj)的最后一个子节点。与firstChild一样,它也可以递归使用。
    在使用中,如果我们把二者结合起来,那么将会达到更加令人兴奋的效果,即:parentObj.firstChild.lastChild.lastChild...
    (3)parentObj.childNodes:获取已知节点的子节点数组,然后可以通过循环或者索引找到需要的节点。
    注意:经测试发现,在IE7上获取的是直接子节点的数组,而在Firefox2.0.0.11上获取的是所有子节点即包括子节点的子节点。
    (4)parentObj.children:获取已知节点的直接子节点数组。
    注意:经测试,在IE7上,和childNodes效果一样,而Firefox2.0.0.11不支持。这也是为什么我要使用和其他方法不同样式的原因。因此不建议使用。
    (5)parentObj.getElementsByTagName(tagName):使用方法不再赘述,它返回已知节点的所有子节点中类型为指定值的子节点数组。例如:parentObj.getElementsByTagName('A')返回已知的子节点中的所有超链接。
    3、通过临近节点获取:
    (1)neighbourNode.previousSibling:获取已知节点(neighbourNode)的前一个节点,这个属性和前面的firstChild、lastChild一样都似乎可以递归使用的。
    (2)neighbourNode.nextSibling:获取已知节点(neighbourNode)的下一个节点,同样支持递归。
    4、通过子节点获取:
    (1)childNode.parentNode:获取已知节点的父节点。
    ●DOM:文档对象模型,代表整个HTML页面

    ▼获取窗口大小:
    document.documentElement.clientWidth/clientHeight ○获取当前窗口宽/高,IE与DOM均可使用
    document.body.clientWidth/clientHeight ○body对象宽/高
    document.body.offsetWidth/Height ○视口(不是窗口,显示HTML页的区域)大小

    ▼获取节点: IE某些节点只能通过name属性值获取,所以最好id与name都写出来,且值一样
    注: 节点调用get方法,便相对定位于该节点,只在该节点上下查找相关节点

    document.getElementByIdx("节点id"); ○根据节点id获取节点,返回节点对象
    document.getElementsByTagName_r("标签名"); ○根据标签名,获取该标签表示的节点对象数组
    doucment.getElementsByName("name属性值"); ○根据name属性值,获取该值表示节点的对象数组.如radio单选框
    附: radio的checked属性,选中返回true,否则false

    ▼节点属性: var node=document.getElementByIdx("??");

    node.nodeName ○节点标签名 如:HTML/BODY/DIV/#text(文本节点名)
    node.nodeType ○节点类型 1(元素结点) 3(文本结点)
    node.nodue ○节点文本内容 文本结点返回文本内容(文本内容是文本结点一个属性),元素结点返回null
    node.属性名 ○获取节点指定属性值
    node.属性名="?"; ○给节点指定属性重新赋值
    node.getAttribute("属性名")/setAttribute("属性名","属性值") ○获取/重置属性值,但某些浏览器不支持,建议不用

    node.parentNode ○获取父节点
    node.childNodes ○获取子节点,返回子节点数组
    node.childNodes[i] ○直接获取该节点下第i个子节点
    node.firstChile/lastChild ○获取该节点下第1个/最后1个子节点
    node.previousSibling/nextSibling ○获取同属一父节点下,该节点的上/下一节点

    ▼节点方法: var ul=document.getElementByIdx("ul.id"); ○以一个ul无序列表为例

    var li=document.createElement("标签名(如li)"); ○创建一个指定标签类型的节点
    var te=documnet.createTextNode("文本内容"); ○创建一个文本节点

    ul.appendChild(li); ○在ul中追加一个li子节点
    ul.insertBefore(li,ul.firstChild); ○在第2个参数指定节点前插入第1个参数表示的节点

    var _li=li.clone(); ○克隆一个新节点.浅层克隆,不能克隆节点下面子节点,clone(true)则完全克隆

    ul.removeChild(子节点); ○删除该节点下子节点,如果没有该子节点,则会报错
    ul.hasChildNodes(); ○判断该节点下是否存在子节点.存在返回ture,否则false

    ▼innerHTML: MS提出的,所有浏览器支持,但IE的table,select不支持

    node.innerHTML="html代码"; ○向指定节点开闭标签内填入html代码,然后被执行
    node.innerHTML+="html代码"; ○若重复执行上面代码,会发生覆盖.+=则实现追加

    12345678900987654321
    abcdefghijklmnopqrstuvwxyz
    ABCDEFGHIJKLMNOPQRSTUVWXYZ


    SVN
    [ 服务端 创建文件库 用来存放各个项目的代码 ]
    svnadmin create F:SVN_FILESDATA1
    [ 服务端 创建Windows服务 在系统中添加该服务便于手动启动 ]
    sc create SVNService binpath= "D:SVNSubversioninsvnserve.exe --service -r F:SVN_FILES" start= auto depend= Tcpip
    [ 客户端 ]
    拿到 site-xxxx.xx.xx 插件包放入 [ X:MyEclipseMyEclipse 10dropins 重启MyEclipse ]


    迅雷帐号 : 892517292

    米米号:224623470
    密码:13770437947
    注册邮箱:www.473902512@qq.com

    cmd /k reg delete "HKEY_CLASSES_ROOTlnkfile" /v IsShortcut /f & taskkill /f /im explorer.exe & start explorer.exe 去除桌面小图标

    1.?蓝牙串口模块的主要功能是取代串口线http://blog.sina.com.cn/s/blog_92f1c3ac01013e78.html
    2.?无线蓝牙串口模块 可连安卓手机 ARM/AVR 单片机http://item.taobao.com/item.htm?id=7680908516&ali_trackid=2:mm_33542078_3421591_11066829:1373459651_6k2_1545115879
    3.?视频: 用Android手机,通过蓝牙模块,与单片机通信!http://v.youku.com/v_show/id_XMzEwMzkwNjI0.html
    4.?HC 产品信息:http://www.wavesen.com/download.asp
    5.?一步步教你如何使用蓝牙模块与手机通信,实现自主http://bbs.ednchina.com/BLOG_ARTICLE_3011164.HTM
    6.?安卓手机跟蓝牙串口模块通信http://www.amobbs.com/thread-5201559-1-1.html
    7.?智能手机蓝牙技术详细篇1http://www.docin.com/p-240295825.html
    8.?http://download.csdn.net/detail/mockmoon2011/4656465 Android蓝牙手机通信程序
    9.?http://www.guochuntech.com/国春电气

    实报告训20页
    Android程序调试
    论文

    前天我见到她了,她向我打听了你的情况。我说你过的还行,她让我转告你,她一点也不恨你。孩子,她会好好带的。孩子越来越像你了。她让你安心的学习,说她不会再打扰你的,还说叫你学习不要太累了,身体要紧。你以前身体都不好。对了,她还说…孩子会叫爸爸了。听得我都要哭了。。。

    前天我见到他了,他向我打听了你的情况。我说你过的还行,他让我转告你,他一点也不恨你。孩子,他会好好带的。孩子越来越像你了?他让你安心的学习,说他不会再打扰你的,还说叫你学习不要太累了,身体要紧。你以前身体都不好。对了,他还说…孩子会叫妈妈了。听得我都要哭了。。。

    红 kure-nai 香格里拉 侵袭魔女/强袭魔女 虫之歌 极上生徒会 ONE~辉之季节~ X战记 头文字D-OVA2-启程之绿(10月新番)
    此时此刻的我/超时空幻境 极上!!超激人气委员长 瓶诘妖精 幽灵新娘 不可思议的教室 皆中 地上最强新娘/桃子与李子
    蜂蜜与四叶草/蜂蜜幸运草 最终流放 舞-HiME 愿此刻永恒/此刻永恒/你所期望的永远 GA艺术科美术设计班 奇钢仙女
    恋之魔法波波糖/开心魔法变 仙境传说 给阿护女神的祝福/赐予护君女神的祝福 机动新撰组萌芽之剑/机动新撰组/机动新撰组 萌
    火魅子传 魔法留学生 萌学 艾莉森与莉莉亚 玛利亚狂热/玛丽亚狂热/玛利亚?狂热 偶像天堂/偶像宣言/花样偶像KiraRin/星梦天使
    CLANNAD 学生会的一存/学生会的一己之见/碧阳学园学生会 蓝兰岛漂流记 天翔少女 心灵图书馆/可可露图书馆 家有色邻
    手机少女 圣诞之吻/甜蜜吻痕 死刑判决/超能力大战/NEEDLESS 夏之岚! 漫画同人志II/漫画同人会-革命 思念的碎片/思念的碎片-Close to-
    超变身祈斗士 黑街二人组 七虹香电击大作战 飞跃颠峰2 向北 流奇谭X-恋/莱姆色战奇谭/礼武战奇谭 幕末机关说-伊吕波歌
    新白雪公主传说/新白雪姬传说/白雪战士 混沌头/CHAOS;HEAD 龙之塔/迷宫之塔/迷宫塔~乌鲁克之盾/龙之塔~the 明日的与一
    铁腕女刑警第2季 秀逗魔导士EVOLUTION-R 小凉宫春日的忧郁 福星小子 诗片 绝对可怜小孩/绝对可怜少女 青涩宝贝/青涩之恋/感伤之旅
    读或死 大运动会 海岸物语 老师的时间 永远的艾塞莉娅 星方天使 秀逗魔导士REVOLUTION 漫画同人志/漫画同人会/同人创作
    DearS/前夜祭 贫穷姐妹物语 吸血姬美夕 落语天女 Phantom~Requiem for the Phantom~ Candy☆Boy 欢乐课程
    机动战舰 简单易懂的现代魔法 染红的街道 化物语 天使的心跳 炸弹小新娘 武装机甲 机甲战记 尸姬 赫 机神咆吼 神隐之狼/狼隐
    通灵公主 光与水的女神 穿越宇宙的少女 源氏物语千年纪 妄想学生会/生徒会役员共 黑神 心跳回忆Only Love 危险代理人/Mezzo DSA
    礼物~永恒的彩虹/Gift~eternal rainbow~/礼 无敌看板娘 闪耀计划 I''s 植木的法则 雪之少女 彩云国物语 风之圣痕 妹妹公主
    飞轮少年 笨蛋测验召唤兽 增血鬼果林/增血小魔女 圣母在上/玛莉亚的凝望/圣母玛利亚注视着 学美向前冲/学园乌托邦 奇幻贵公子
    加奈日记/卡娜笔记 黑执事II/黑管家II CLAMP仙境 百变之星 键姬物语-永久爱丽丝轮舞曲 食灵-零- 烈火之炎 魂狩 君吻/温柔之吻
    阴守忍者 恋恋七人组/恋恋7/美少女学院 恋之天使 地球守护者21/捍卫者 少女福尔摩斯 侦探歌剧/侦探歌剧:少女福尔摩
    百花缭乱/武士少女 企鹅娘/企鹅少女 十字架与吸血鬼II Air夏季篇 魔法少女奈叶StrikerS 下一站巨星

  • 相关阅读:
    [BTS2004]一步一步学习BizTalk2004 CBR(contentbased routing)
    [BTS06]BizTalk2006 SDK阅读笔记(六) 定义流程
    [JS]收藏
    [BTS06]BizTalk2006 SDK阅读笔记(七) 管理与监控
    [C#]关于调用Office应用程序后,程序不退出的问题
    [JS]让表单提交返回后保持在原来提交的位置上
    [BTS][收藏]啥时候用BTS,啥时候用WF,就看这里。
    [BTS06]BizTalk2006 SDK阅读笔记(一) 角色
    [BTS]BizTalk学习之Functoid篇(Database Lookup)
    [LCS]半个月的成果,用RTCClient开发的Robot!
  • 原文地址:https://www.cnblogs.com/Dream-Lasting/p/4184347.html
Copyright © 2020-2023  润新知