1.獲取元素
2.事件基礎
3.操作元素內容
4.操作元素普通屬性
5.操作元素表單屬性
6.操作元素樣式屬性
7.操作元素自定義屬性
檢視元素物件裡面的屬性和方法
console.
dir(元素名)
事件三要素
btn.
onclick
=function()
const img = document.
queryselector
('img'
)btn.
onclick
=function()
type、value、checked、selected、disabled
(行內元素操作)
const div = doucment.
queryselector
('div'
)div.
onclick
=function()
注意兩點:
屬性採取駝峰命名法如fontsize
js修改style樣式操作,產生的是行內樣式,css權重比較高
所謂產生的是行內樣式,即直接在div元素內新增style,即
"background-color: purple;"
>
<
/div>
(類名操作)
const div = doucment.
queryselector
('div'
)div.
onclick
=function()
如果想要保留原來的類名,比如div原來有了first的類名,可以保留之前的類名再新增乙個類名
this
.classname =
'first change'
獲取屬性值的兩種方法
"demo" index =
"1">
<
/div>
const div = document.
queryselector
('div'
) console.
log(div.id)
console.
log(div.
getattribute
('id'))
console.
log(div.
getattribute
('index'))
<
/script>
區別:
設定屬性值的兩種方法
獲取元素的方式 Web API
獲取元素的方式 根據id屬性的值獲取元素,返回來的是乙個元素物件 document.getelementbyld id屬性的值 根據標籤名字獲取元素,返回來的是乙個偽陣列,裡面儲存了多個dom物件 document.getelementsbytagname 標籤名字 根據name屬性的值獲取元素,返...
webapi的基本操作
自定義屬性 可以在使用dom操作元素的時候,可以給元素新增一些其原本沒有的屬性,來記錄一些資料 元素物件.屬性名 獲取屬性值 元素物件.getattribute 屬性名 獲取屬性值 區別 通過物件名點屬性名獲取到的是元素的屬性值,並且對css屬性以css形式返回。不能獲取到自定義屬性的值 通過get...
怎樣操作WebAPI介面 顯示資料
就在去年insus.net已經寫好的乙個webapi專案,並且發布在iis中。參考 建立與使用web api 從上面的鏈結可以檢視到那篇例項。今天insus.net就另開乙個asp.net mvc專案,去操作這個web api介面。在控制器中,建立乙個action 接下面建立檢視 獲取資料是使用jq...