zoukankan      html  css  js  c++  java
  • document

    1找到元素:
    var a =docunment.getElementById("id");将找到的元素放在变量中;
    docunment.getElementsByName("name");根据name找,找出来的是数组;
    docunment.getElementsByTagName("name");根据标签名找,找出来的是数组;
    docunment.getElementsByClassName("name") 根据classname找,找出来的是数组;
    2操作内容:
    1) 非表单元素(不是input类型):
    获取内容:
    a.innerHTML标签里的html代码和文字都获取了,标签里面的所有内容。
    a.innerText只取里面的文字
    设置内容:
    a.innerHTML = "<font color=‘red’ >hello world </font>";
    外边是“”,里边就用‘’。
    a.innerText会将赋的东西原样呈现
    清空内容:赋值个空字符串
    2)表单元素:
    获取内容 var t = document.getElementById("id"); 直接用ID获取。
    t.value 获取input中的value值;
    alert(t.innerHTML); 获取<textarea> 这里的值 </textarea>;
    设置内容: t.value="内容改变";
    3操作属性
    a.setAttribute("属性名","属性值"); 设置一个属性,添加或更改都可以;
    a.getAttribute("属性名");获取属性的值;
    a.removeAttribute("属性名");移除一个属性(恢复默认值)
    4操作样式
    a.style="" ; 操作此ID样式的属性。
    操作样式的class:a.className="样式表中的className" 操作一批样式
    onclick="this.className="b""当点击时将标签的样式改为css中的b样式
    5相关元素操作:
    var a = document.getElementById("id");找到a;
    var b = a.nextSibling,找a的下一个同辈元素,注意包含空格;
    var b = a.previousSibling,找a的上一个同辈元素,注意包含空格;
    var b = a.parentNode,找a的上一级父级元素;
    var b = a.childNodes,找出来的是数组,找a的下一级子元素;
    var b = a.firstChild,第一个子元素,lastChild最后一个,childNodes[n]找第几个;
    6元素的创建、添加、删除:
    创建一个元素:
    var obj = document.createElement("标签名");
    obj.innerHTML = "hello world";
    a.appendChild(obj);向a中添加一个子元素。
    a.removeChild(obj);删除一个子元素。
    7字符串的操作:
    初始化
    var s = new String();
    var s = "hello world";
    alert(s.toLowerCase());转小写 toUpperCase() 转大写
    alert(s.substring(3,8));从第三个位置截取到第八个位置
    alert(s.substr(3,8));从第三个位置开始截取,截取八个字符长度,不写后面的数字是截到最后.
    s.split('');将字符换按照指定的字符拆开,放入数组,自动排序
    s.length是属性
    s.indexOf("world");world在字符串中第一次出现的位置,没有时返回-1
    s.lastIndexOf("o");o在字符串中最后一次出现的位置
    8日期时间的操作
    var d = new Date();初始化获得当前时间
    d.getFullYear():取年份;
    d.getMonth():取月份,取出来的少1;
    d.getDate():取天;
    d.getDay():取星期几
    d.getHours():取小时;
    d.getMinutes():取分钟;d.getSeconds():取秒
    d.setFullYear():设置年份,设置月份的时候注意-1。
    9数学函数的操作
    Math.ceil();取上线
    Math.floor();取下限
    Math.sqrt();开平方根
    Math.pow(a,n);a^n
    Math.round();四舍五入
    Math.random();随机数,0-1之间。
    10s.match(a); s代表一个字符串,a代表一个字符串,两者进行匹配,如果两个字符串不匹配。

  • 相关阅读:
    (原)Lazarus 异构平台下多层架构思路、DataSet转换核心代码
    (学)新版动态表单研发,阶段成果3
    (学) 如何将 Oracle 序列 重置 清零 How to reset an Oracle sequence
    (学)XtraReport WebService Print 报错
    (原)三星 i6410 刷机 短信 无法 保存 解决 办法
    (原) Devexpress 汉化包 制作工具、测试程序
    linux下网络配置
    apache自带ab.exe小工具使用小结
    Yii::app()用法小结
    PDO使用小结
  • 原文地址:https://www.cnblogs.com/zhang-dandan-1/p/5781872.html
Copyright © 2011-2022 走看看