Miaov JS1 屬性操作

2022-05-04 17:09:09 字數 1500 閱讀 4511

html屬性操作:讀、寫

屬性的讀操作:獲取、找到

元素.屬性名

屬性的寫操作:(「新增」)替換、修改

元素.屬性名=新的值

odiv.innerhtml---讀取元素內的所有html內容

odiv.innerhtml=新的值---替換元素內的所有html內容

注意事項:

①js中不允許出現「-」

font-size--》fontsize

padding-top--》paddingtop

margin-left--》marginleft

②操作樣式較多的時候就寫在樣式表裡再去呼叫

如何給元素動態新增class:

class是保留字 ==》classname

的相對路徑不可讀但可寫

color:red #f00 rgb(250,0,0)顏色值也不能用作判斷

innerhtml值也不能拿來做判斷

④關於表單元素form裡的type值更改有相容性問題

比如乙個複選款點選切換成按鈕,oinput.type="" 改變type值不相容ie678 ,最好的辦法就是把兩個框

用顯示隱藏的方法來做

⑤odiv.syle.float="left"---有相容問題

ie(stylefloat)/非ie(cssfloat)

可以用新增class的時候避免相容性問題

技術上掌握相容問題,但是實際專案中盡量繞開這些相容性陷阱用更好的方式呈現。

⑥中括號的使用

.後面的值無法修改

裡的值可以隨便寫

js中允許把「.」換成「」;

判斷if(條件)

if(條件)else

if(條件1)else if(條件2)else if(條件3)else if(條件4)else

沒有條件的時候創造條件

eg:var onoff=true;

兩個的切換?---------創造條件進行判斷

三個的切換怎麼做?不用判斷-----------用陣列

陣列

如果放多個東西可考慮用陣列

arr[arr.length-1]陣列最後一位

arr.push()往陣列最後一位新增資料

寫**時把公用的東西放入函式中

****************************************=

課後練習

手機對話:

dom元素屬性操作(常規屬性操作)

注 原生js操作樣式,只能操作元素的行內樣式 1.操作類名稱 console.log btnlist.classname console.log btnlist.name console.log btnlist.id console.log btnlist.style console.log btn...

樣式屬性(1)

一 css屬性值的運用 1 預格式化標籤 7 1 block塊狀顯示,類似的在元素後面新增換行符,也就是說其它元素不能在後面並列 2 inline內聯顯示 在元素後面刪除換行符,多個元素可以在同一行內並列顯示。3 當元素設定了float屬性後,就是相當於該元素具備塊狀元素顯示的特點 4 inline...

jquery操作屬性

設定或返回被選元素的屬性值 img attr img attr title function 每乙個匹配的元素中刪除屬性 img removeattr src checked,selected屬性的設定和獲得應該使用該函式,返回值和設定值應該使用true和false 刪除由.prop 方法設定的屬性...