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() ;

tolowercase() 會將呼叫該方法的字串值轉為小寫形式，並返回。