第十七天(2018-08-22)
css:什css的屬性content有什么作用呢柒莉?有哪些場景可以用到琳钉?
js:"attribute"和"property"有什么不同轻专?
第一題:
置換元素是指:瀏覽器根據(jù)元素的標簽和屬性纵势,來決定元素的具體顯示內(nèi)容。例如:瀏覽器根據(jù)標簽的src屬性顯示圖片泽疆。根據(jù)標簽的type屬性決定顯示輸入框還是按鈕户矢。
-
非置換元素:瀏覽器中的大多數(shù)元素都是不可置換元素,即其內(nèi)容直接展示給瀏覽器殉疼。例如標簽梯浪,
標簽里的內(nèi)容會被瀏覽器直接顯示給用戶。
面試當中問到的置換元素
第二題:
經(jīng)常搭配:after和:before使用
第三題:
在操作 DOM 時瓢娜,我們經(jīng)常會操作 attribute 和 property挂洛。不過從兩者的所屬關(guān)系上來說: property 屬于 DOM Object,而 atrribute 屬于 HTML眠砾。
property 通常比較容易獲取虏劲,并且有固定的值(當然,類似 JavaScript 的對象褒颈,我們可以添加自定義的值柒巫,只是這些不會被 DOM 所認識)。比如 el.id谷丸、el.value堡掏、el.style 都是 property 而設(shè)置也只需要 el.id=newId 即可。attribute 的值不是固定的刨疼,我們可以自己為 DOM 添加需要的屬性(以前常常用來存放數(shù)據(jù)或者標志位泉唁,在 HTML5 有了 data-* 的屬性后,一般就利用 data-* 來存放數(shù)據(jù)了)揩慕。對于 attribute 的設(shè)定和獲取我們使用 setAttribute 和 getAttribute 兩個方法亭畜。
在書寫方面 property 對于大小寫敏感;而 attribute 對于大小寫不敏感迎卤。
總的來看 property 的值更偏向于標準而 attribute 的值更偏向于自定義和非標準拴鸵。
第四題:
看別人的每天一題,掘金止吐,簡書 的等等,技術(shù)公眾號