Js查漏补缺-04

0x00 DOM

    ①innerText();不识别html      innerHTML();可以识别HTML，此外这两个函数都能读取元素内容（当无参数时）

    ②以上函数只能修改普通盒子的内容，像表单这种特殊标签只能用value来修改

    ③this在事件中指向的是事件函数的调用者；

0x01 一些常用方法

    listItems.push(inputNewItem.value); js的断点声明
    document.querySelector（） 返回匹配的第一个元素，不需额外的jquery支持，如var aa=document.querySelector('p')就是令aa等于第一个p元素
    document.getElementById（id）返回指定id的引用，注意，返回的是对象，如aa=document.getElementById（id） aa.value才是值
    addEventListener() 用于向指定元素添加事件。可以向一个元素添加多次事件或者多次不同事件，后面的事件是不会覆盖前面的。
    .textContent表示标签内的文本内容
    guessField.focus();//将鼠标光标放入guessfield框中
    prompt显示一个对话框，对话框中包含一条文字信息，用来提示用户输入文字。         例：var sign = window.prompt('你觉得很幸运吗?','是的'); // 打开显示提示文本为"你觉得很幸运吗?"并且输入框默认值为"是的"的提示窗口
    split() 方法可以将字符串转换为数组
      例：

      let myData = 'Manchester,London,Liverpool,Birmingham,Leeds,Carlisle';
      let myArray = myData.split(',');

      然后myarray就等于Array(6) [ "Manchester", "London", "Liverpool", "Birmingham", "Leeds", "Carlisle" ]
    join（）方法与split方法作用1相反
    unshift() 和 shift() 从功能上与 push() 和 pop() 完全相同，只是它们分别作用于数组的开始，而不是结尾
    placeholder修改文本域的提示文本：例 document.getElementById("myText").placeholder = "在这输入姓名..";
    setAttribute(class, value)中class是指改变class这个属性，所以要带引号。例：newImage.setAttribute('src', 'images/pic' + i + '.jpg');
    getAttribute（）的功能是获得某个元素 例：var name1=btn.getAttribute('class');就是获得btn的class属性并赋值给name1
    call()函数允许调用一个在这个文件里别处定义的函数。第一个参数指明了在运行这个函数时想对“this”指定的值，也就是说，可以重新指定您调用的函数里所有“this”指向的对象。其他的变量指明了所有目标函数运行时接受的参数
    create()函数用来创建对象，第一个参数是函数原型，例Teacher.prototype = Object.create(Person.prototype);teacher类继承 person类的方法
    open()函数用来建立一个请求，这个函数至少含有两个参数，其它的是可选参数。例request.open('GET', requestURL);向requestURL发起一个get请求
    parse(): 以文本字符串形式接受JSON对象作为参数，并返回相应的对象。。
    stringify(): 接收一个对象作为参数，返回一个对应的JSON字符串。
    createTextNode()创建文本结点，在构建动态接口时大量使用 例：var text = document.createTextNode(' — the premier source for web development knowledge.');
    removeChild()删除一个结点 例：sect.removeChild(linkPara);
  删除仅基于自己引用的结点  linkPara.parentNode.removeChild(linkPara);
    Window.onresize，    onresize属性可以用来获取或设置当前窗口的resize事件的事件处理函数，resize事件表示浏览器窗口发生改变
    input.value表示input标签输入的内容 例：var text1=input1.value;
    document.createElement（）表示创建一个元素  例document.createElement('li');
onchange 事件处理函数 当事件改变时执行函数 例：
   

let verseChoose = document.querySelector('select');
    verseChoose.onchange = function() {
      let verse = verseChoose.value;
      updateDisplay(verse);
    };

toLowerCase() 会将调用该方法的字符串值转为小写形式，并返回。