Javascript屬性操作和判斷基礎2

2021-09-18 00:11:33 字數 1406 閱讀 4374

js 操作元素《標籤》身上的預設的行間屬性

屬性名稱=屬性值 是一條屬性

標籤常用的預設屬性

idclass

value

type

srchref

style

元素.屬性名稱

注意 屬性名稱為class的時候 改為classname

*class 保留字 可能會變為關鍵字 不能當名字使用 關鍵字 var function

*style 獲取是的是乙個樣式的物件(集合) 繼續讀取值 元素.style.樣式名稱

當樣式名稱是乙個復合屬性 (font-size)js 無法讀取帶-的屬性

解決方法1:把-去掉 -後面的首字母大寫(.fontsize)

解決方法2: 改.為[屬性名稱] 復合屬性可以直接寫,注意是字串形式

src 讀取的是絕對路徑

如果讀取的屬性 不存在 不會輸入值

value 會記錄使用者輸入的值

通過js 進行屬性的讀操作 獲取的都是字串

字串拼接。字串被一對單雙引號包住的值。

通過「+」 把字串進行連線

注意 當字串和變數進行拼接的時候 注意 變數不要打上引號,否則原模原樣的輸出。

修改 替換 新增 屬性名稱後面的值

元素.屬性名稱=新的值 把新的值賦給讀取到的舊值

在js中寫結構

元素.innerhtml 獲取元素內部所有結構 《標籤 文字》

元素.innertext 獲取元素內部所有文字

注意 更多的是針對雙標籤的是內容獲取

innerhtml 寫操作

js往body中寫結構

元素.innerhtml=新的值

新的值 可以是文字 也可以是結構 結構**現引號的巢狀 一定要 區分 注意 值是字串

兩種方式:

1if(條件)執行這個**之前 有乙個條件 條件必須是乙個真條件

如果 條件為真 程式會解析為true 如果是true 就會執行大括號裡的**

如果 條件為假 程式會解析為false 如果是false 就不會執行大括號裡面的代 碼

2if(條件)else執行哪段** 看條件

如果 條件為真 程式會解析為true 如果是true 就會執行**1

如果 條件為假 程式會解析為false 如果是false 就會執行**2

跟判斷有關的關係運算子

>, =, <=, == 左邊的值等於右邊的值

這5個運算子 運算完的結果 是true 或者false

判斷中的條件 可以寫true 或者false 這2個資料 也可以寫能夠解析為true 或者 false條件語句

jQuery 屬性操作和CSS 操作

addclass attr hasclass html removeattr removeclass toggleclass val css p css color 取得第乙個段落的 color 樣式屬性的值 selector css name,value 設定所有匹配元素的指定 css 屬性 se...

jQuery 屬性操作和樣式函式

用於獲得或設定元素的dom屬性 方法描述 addclass 向匹配的元素新增指定的類名。attr 設定或返回匹配元素的屬性和值。hasclass 檢查匹配的元素是否擁有指定的類。html 設定或返回匹配的元素集合中的 html 內容。removeattr 從所有匹配的元素中移除指定的屬性。remov...

第三章 JavaScript操作和DOM物件

1.簡述dom的分類和節點之間的關係?dom分類 dom core 核心 html dom和css dom 節點之間的關係 最上面的節點為根節點,相鄰的節點為兄弟節點,上乙個節點為父節點,下乙個節點為子節點。2.簡述如何按層次關係訪問節點?使用節點屬性和element屬性。節點屬性 1.parent...