JS 操作內容 操作元素

2022-03-06 18:12:57 字數 1139 閱讀 9323

操作內容:

普通元素.innerhtml = "值"; 會把標記執行渲染

普通元素.innertext = "值"; 將值原封不動的展示出來,即使裡面有標記

var s = 普通元素.innerhtml; 會把此元素下的所有文字及標記**取出來。

var s = 普通元素.innertext; 值會把此元素下的文字取出來,標記不予理會。

表單元素 - 只能使用value 來取值賦值

表單元素.value = "值";

var s = 表單元素.value;

操作相關元素

var a=document.getelementbyid('id');  找到a

var b=a.nextsibling;   a的下乙個同輩   空格回車也算乙個同輩

var c=a.previoussibling;  a的上乙個同輩  回車 空格也算乙個同輩

var b=a.parentnode;    a的父級元素

var b=a.childnodes;    a的子元素   是乙個陣列

var b=a.firstchild;    a的第乙個子元素   lastchild 最後乙個子元素   childnodes[ n]  找第n個子元素

alert(nodes[i] instanceof text)判斷是不是文字  是返回true  不是返回false   

有[i]說明是在迴圈

元素的建立、新增刪除

var a=document.getelementbyid('id');  找到a 

a.removechild(子元素);      刪除子元素

a.selectindex  查詢的是第幾個   

a.options[a.selectindex]  按下標取出第幾個option物件

建立標籤

document.createlement("div");   這裡的div 只是其中的乙個標籤   可以寫任何標籤

建立 多個div

css

* 

.all

#text

.iterm

.cell

#dele

js 操作屬性,操作內容,

disable disable 讓按鈕變得不可選 先建乙個按鈕,讓class btn 然後,新增,修改屬性 document.getelementsbyclassname btn 0 onclick function this.setattribute disabled disabled 第乙個空填...

js 操作元素

js新增元素 1 元素內部 在元素內部的尾部加上元素 function test prepend 在元素內部的前部加上元素 在元素內部的前部加上元素 function test 2 元素外部 after 在元素外部的尾部加上元素 在元素外部的尾部加上元素 function test before 在...

JQuery獲取元素內容操作元素

獲取 設定元素內容體html 語法屬性名屬性說明 jquery物件.html 獲得內容體html 如果有標籤 一併獲得。jquery物件.html html 設定html 如果有標籤,將進行解析。你好 獲取 設定元素內容體純文字語法屬性名屬性說明 jq物件.text 獲得文字,如果有標籤,忽略。jq...