zoukankan      html  css  js  c++  java
  • document

    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代表一个字符串,两者进行匹配,如果两个字符串不匹配。

  • 相关阅读:
    docker 部署aps.net MVC到windows容器
    docker 搭建私有仓库 harbor
    解决关于:Oracle数据库 插入数据中文乱码 显示问号???
    ionic cordova build android error: commamd failed with exit code eacces
    cordova build android Command failed with exit code EACCES
    Xcode 10 iOS12 "A valid provisioning profile for this executable was not found
    使用remix发布部署 发币 智能合约
    区块链: 编译发布智能合约
    mac 下常用命令备忘录
    JQuery fullCalendar 时间差 排序获取距当前最近的时间。
  • 原文地址:https://www.cnblogs.com/power8023/p/5842431.html
Copyright © 2011-2022 走看看