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 方法設定的屬性...