• 第六章——DOM2


    1、document取对象

    2、innerHTML,innerText

    3、对象属性的操作

    4、创建元素(还可以使用拼接字符串的方法)
    5、时间函数、数学函数、字符串函数

    Window.document

    取元素

    document.getElementById("id");根据id找一个

    document.getElementByName(“name");根据name找,出来是数组;

    document.getElementByClassName("name")根据classname找。。

    document.getElementByTagName("name")标签名

    操作内容

    innerHTML 里边的HTML;

    innerText   里边的文字;

    outHTML   包括标签本身的内容

    以上的赋值之后清空内容的话,赋值空字符串”“;

    <a href="www." onclick="return false"><a>

    默认return true才会跳转到页面

    对象属性的操作

    .setAttribute("属性名”,”属性值“)设置一个属性,赋值

    .getAttribute("属性名”)获取属性的值

    .removeAttribute("属性名“) 移除一个属性

    .nextSibling 找到 下一个同辈元素,包含空格

    .previousSibling找到 上一个同辈元素,包含空格

    .parentNode 上一级父级元素

    .childNodes 找出来的是数组,找下一级元素

    .firstChild,第一个子元素,lastChild,childNode[n]找第几个

    alert(nodes[i]instanceof Text)判断是不是文本,是返回true, false

    创建元素

    var  a = document.creatElement("option")创建一个Option

    a.innerHTML=""

    body.appendChild(a)向body里添加a子元素

    body.removeChild(a)删除子元素

    a.selectIndex选中的元素的索引值

    a.options[a.selectIndex]按选中的索引值取出option对象

    日期时间函数(需要用变量调用):
    var b = new Date(); //获取当前时间
    b.getTime() //获取时间戳
    b.getFullYear() //获取年份
    b.getMonth()+1; //获取月份
    b.getDate() //获取天
    b.getHours() //获取小时
    b.getMinutes() //获取分钟
    b.getSeconds() //获取秒数
    b.getDay() //获取星期几
    b.getMilliseconds() //获取毫秒
    Date()//获取完整日期


    数学函数(用Math来调用):
    abs(x) 返回数的绝对值。
    ceil(x) 对数进行上舍入。
    floor(x) 对数进行下舍入。
    round(x) 把数四舍五入为最接近的整数。
    max(x,y) 返回 x 和 y 中的最高值。
    min(x,y) 返回 x 和 y 中的最低值。
    pow(x,y) 返回 x 的 y 次幂。
    sqrt(x) 返回数的平方根。
    random() 返回 0 ~ 1 之间的随机数。 ****

    字符串函数(用变量来调用):

    indexOf
    返回字符串中一个子串第一处出现的索引(从左到右搜索)。如果没有匹配项,返回 -1 。
    var index1 = a.indexOf("l");
    //index1 = 2

    charAt
    返回指定位置的字符。
    var get_char = a.charAt(0);
    //get_char = "h"

    lastIndexOf
    返回字符串中一个子串最后一处出现的索引(从右到左搜索),如果没有匹配项,返回 -1 。
    var index1 = lastIndexOf('l');
    //index1 = 3


    match
    检查一个字符串匹配一个正则表达式内容,如果么有匹配返回 null。
    var re = new RegExp(/^w+$/);
    var is_alpha1 = a.match(re);
    //is_alpha1 = "hello"
    var is_alpha2 = b.match(re);
    //is_alpha2 = null

    substring
    返回字符串的一个子串,传入参数是起始位置和结束位置。

    var sub_string2 = a.substring(1,4);
    //sub_string2 = "ell"

    substr ********
    返回字符串的一个子串,传入参数是起始位置和长度
    var sub_string1 = a.substr(1);
    //sub_string1 = "ello"
    var sub_string2 = a.substr(1,4);
    //sub_string2 = "ello"

    replace *******
    替换字符串,第一个参数代表被替换的字符串,第二个参数代表替换的字符串
    a.replace("he","aa")


    search
    执行一个正则表达式匹配查找。如果查找成功,返回字符串中匹配的索引值。否则返回 -1 。
    var index1 = a.search(re);
    //index1 = 0
    var index2 = b.search(re);
    //index2 = -1

    split ******
    通过将字符串划分成子串,将一个字符串做成一个字符串数组。
    var arr1 = a.split("");
    //arr1 = [h,e,l,l,o]

    length 属性 *******
    返回字符串的长度,所谓字符串的长度是指其包含的字符的个数。


    toLowerCase
    将整个字符串转成小写字母。
    var lower_string = a.toLowerCase();
    //lower_string = "hello"

    toUpperCase
    将整个字符串转成大写字母。
    var upper_string = a.toUpperCase();
    //upper_string = "HELLO"

  • 相关阅读:
    37.使用FileWriter类向文本文件写数据
    36.使用FileReader读取文本文件
    35.使用FileOutputStream类向文本文件写数据
    34.使用FileInputStream类读取文本文件
    33.使用BufferedWriter和FileWriter类写文本文件
    32.使用BufferedReader和FileReader读取文本文件
    31.使用BufferedReader和FileReader读取文本文件
    30.解决中文乱码
    框架搭建资源 (一) V(视图)C(控制)模式
    GPS转换为百度坐标
  • 原文地址:https://www.cnblogs.com/yuanlaihenkuang/p/6767726.html
Copyright © 2020-2023  润新知